@epxing/business 0.0.0-stage → 5.3.0-beta.2

package/src/views/ExcelDesign.vue

@@ -0,0 +1,3350 @@
+<template>
+  <div class="container">
+    <hr title="打印线" class="ureport-right-hr-for-print" style="height: calc(100% - 45px);width: 0px;border-left: 1px dashed rgb(153, 153, 153);position: absolute;left: 700pt;top: 35px;z-index: 10;">
+    <div class="report-header">
+      <div class="report-title">
+        <i class="report-back el-icon-arrow-left" @click="backConfirm"></i>
+        <span class="report-name">
+          <span v-if="!editName">{{excelInfo.NAME}}</span>
+          <el-input v-else v-model="excelInfo.NAME" size="small" @change="setFormName"></el-input>
+          <i v-if="!editName" class="el-icon-edit-outline" @click="editName=!editName"></i>
+          <i v-else class="el-icon-circle-check" @click="setFormName"></i>
+        </span>
+        <!-- <el-button type="primary" link icon="el-icon-setting">设置</el-button> -->
+      </div>
+      <div class="report-operate">
+        <el-dropdown v-if="languageFlag === '1'" @command="switchLanguage">
+          <el-button class="language__switch" type="small" plain>
+            <i class="language-icon epx-icon-diqiu"></i>
+            <span class="language-name">国际化（{{ currentLanguageName }}） </span>
+            <i class="el-icon-arrow-down el-icon--right"></i>
+          </el-button>
+          <template v-slot:dropdown><el-dropdown-menu>
+            <el-dropdown-item v-for="language in languageList" :class="['language-item', {'is-active': language.id === currentLanguage}]" :key="language.id" :command="language.id"> {{ language.name }}</el-dropdown-item>
+          </el-dropdown-menu></template>
+        </el-dropdown>
+        <el-button type="primary" link @click="globalSetting=true" :style="{marginRight: '12px'}">全局设置</el-button>
+        <el-upload class="import-btn" action="" :show-file-list="false" :http-request="importExcel">
+          <el-button size="default" :loading="isImportExcel">导入</el-button>
+        </el-upload>
+        <el-button size="default"  @click="showFormParamsDialog= true">预览</el-button>
+        <el-button size="default" type="primary" @click="saveExcelData()">保存</el-button>
+      </div>
+    </div>
+    <div class="content">
+      <div class="data-source">
+        <el-tabs type="border-card">
+          <el-tab-pane label="数据源">
+            <div class="module-header">
+              <el-button size="small" type="primary" @click="addDataSource">新增</el-button>
+              <el-button size="small" type="primary" @click="editDataSource">编辑</el-button>
+              <el-button size="small" type="primary" @click="deleteDataSource">删除</el-button>
+            </div>
+            <div class="data-source__header">
+              <el-input v-model="searchText" size="default" placeholder="请输入"></el-input>
+              <div class="data-source-operate__footer">
+                <el-checkbox v-model="showLogField">日志字段</el-checkbox>
+                <el-checkbox v-model="showSubField">子集字段</el-checkbox>
+              </div>
+            </div>
+             <el-tree
+              class="data-source-tree"
+              ref="fieldTree"
+              :data="showDataSource"
+              :props="{label: 'name', children: 'children'}"
+              node-key="key"
+              :auto-expand-parent="false"
+              :expand-on-click-node="false"
+              :filter-node-method="filterNode"
+              render-after-expand
+              :check-on-click-node="true"
+              :highlight-current="true"
+              draggable
+              @node-drag-start="dragDataSource"
+              @node-drop="dropDataSource"
+              :allow-drop="allowDrop"
+              @node-click="clickDataSource"
+            >
+              <template v-slot="{ node, data }">
+                <span :style="{color: data.type==='meta' && data.relationType==='1' ? 'red' : '', 'user-select': 'none'}">
+                 <i v-if="data.load" class="el-icon-loading" />
+                  {{node.label}}
+                </span>
+              </template>
+            </el-tree>
+            <el-dialog title="添加数据源" v-model="dataSourceModal" width="70%">
+              <div class="add" v-if="dataSourceModal">
+                <li class="data-source-modal-item">
+                  <p class="data-source-modal-header">数据源</p>
+                  <div class="data-souce-modal-content data-souce-modal-content__base">
+                    <div class="form-item">
+                      <label>名称：</label>
+                      <epx-table-form-item
+                        v-model="dataSourceInfo.NAME"
+                        :fieldConfigs="{attriName: 'NAME',dataType: 'text',attriLabel: '名称', state:'EDIT'}">
+                      </epx-table-form-item>
+                    </div>
+                    <div class="form-item">
+                      <label>对象：</label>
+                      <epx-table-form-item :value="{id: dataSourceInfo.ENTITY, name: dataSourceInfo['ENTITY#']}" @change="v=> {
+                          dataSourceInfo['ENTITY'] = v?v.id:''
+                          dataSourceInfo['ENTITY#']=v?v.name: ''
+                        }"
+                        :fieldConfigs="{attriName: 'ENTITY',dataType: 'object',attriLabel: '对象', codeKey: 'FM_ENTITY', state:'EDIT',flag: 'process_entity_find'}">
+                      </epx-table-form-item>
+                    </div>
+                     <div class="form-item">
+                      <label>对象视图：</label>
+                      <epx-table-form-item :value="{id: dataSourceInfo.ENTITY_VIEW, name: dataSourceInfo['ENTITY_VIEW#']}" @change="v=> {
+                          dataSourceInfo['ENTITY_VIEW'] = v?v.id: ''
+                          dataSourceInfo['ENTITY_VIEW#']=v?v.name: ''
+                        }"
+                        :fieldConfigs="{attriName: 'ENTITY_VIEW',dataType: 'object',attriLabel: '对象视图', codeKey: 'FM_ENTITY_VIEW', state:'EDIT', scopeParams: [{field: 'ENTITY', values: dataSourceInfo.ENTITY}],flag: 'process_entity_view_find'}">
+                      </epx-table-form-item>
+                    </div>
+                    <div class="form-item">
+                      <label>关联对象：</label>
+                      <div class="link-entity-trigger">
+                        <el-popover trigger="click" placement="bottom-start" width="320" popper-class="link-entity-popper">
+                          <template v-slot:reference><el-input :model-value="linkEntityLabel" placeholder="请选择" readonly suffix-icon="el-icon-arrow-down" size="default"></el-input></template>
+                          <div v-if="linkEntityTree.length" class="link-entity-tree">
+                            <el-tree
+                              ref="linkEntityTree"
+                              :data="linkEntityTree"
+                              show-checkbox
+                              check-strictly
+                              node-key="flag"
+                              :props="{label: 'title', children: 'childrens'}"
+                              :default-checked-keys="linkEntityCheckedKeys"
+                              @check="onLinkEntityCheck"
+                            ></el-tree>
+                          </div>
+                          <div v-else class="link-entity-empty">{{ dataSourceInfo.ENTITY ? '无可选数据' : '请先选择对象' }}</div>
+                        </el-popover>
+                      </div>
+                    </div>
+                  </div>
+                </li>
+                <li class="data-source-modal-item">
+                  <p class="data-source-modal-header">数据范围</p>
+                  <div class="data-souce-modal-content">
+                    <div class="data-source__scope">
+                      <epx-form-scope v-model="dataSourceInfo.DATA_SCOPE" :metaId="dataSourceInfo.ENTITY" :metaViewId="dataSourceInfo.ENTITY_VIEW" :fieldConfigs="{ attriName: 'DATA_SCOPE', attriLabel: '数据范围', state: 'EDIT', modeType: ['FIXED_VALUE', 'SYSTEM_VARIABLE', 'DEFINED_DYNAMIC', 'DEFINED'], defineDynamicParams }"></epx-form-scope>
+                    </div>
+                  </div>
+                </li>
+                <li class="data-source-modal-item">
+                  <p class="data-source-modal-header">排序方式</p>
+                  <div class="data-souce-modal-content">
+                    <div class="sort-field" v-for="item in sortFields" :key="item.code">
+                      {{item.text}}
+                      <span class="sort-icon" @click="changeSort(item)">
+                        <i :class="['el-icon-sort-down', {'active':item.sort==='desc'}]"></i>
+                        <i :class="['el-icon-sort-up', , {'active':item.sort==='asc'}]"></i>
+                      </span>
+                      <i class="el-icon-close" @click="deleteSort(item)"></i>
+                    </div>
+                    <div class="sort-opera">
+                      <el-popover ref="popover" trigger="click" :tabindex="1" popper-class="sort-opera-popover">
+                        <template v-slot:reference><span class="sort-opera-item">
+                          <i class="el-icon-plus"></i>
+                          <font>添加排序字段</font>
+                        </span></template>
+                        <div class="filter-condition-opera__popper">
+                          <epx-meta-field-library :metaId="dataSource.ENTITY" :fields="allFields" @select="addSortField"></epx-meta-field-library>
+                        </div>
+                      </el-popover>
+                    </div>
+                  </div>
+                </li>
+                 <li class="data-source-modal-item">
+                  <p class="data-source-modal-header">分组排序字段</p>
+                  <div class="data-souce-modal-content">
+                    <div class="sort-field" v-if="this.groupSortFields">
+                      {{getText(this.groupSortFields)}}
+                      <i class="el-icon-close" @click="deleteGroupSort(item)"></i>
+                    </div>
+                    <div class="sort-opera">
+                      <el-popover ref="popover" trigger="click" :tabindex="1" popper-class="sort-opera-popover">
+                        <template v-slot:reference><span class="sort-opera-item">
+                          <i class="el-icon-plus"></i>
+                          <font>添加分组排序字段</font>
+                        </span></template>
+                        <div class="filter-condition-opera__popper">
+                          <epx-meta-field-library :metaId="dataSource.ENTITY" :fields="allFields" @select="addGroupSortField"></epx-meta-field-library>
+                        </div>
+                      </el-popover>
+                    </div>
+                  </div>
+                </li>
+                 <li class="data-source-modal-item">
+                  <p class="data-source-modal-header">主数据源</p>
+                  <div class="data-souce-modal-content">
+                    <div class="data-source__scope">
+                      <el-switch v-model="dataSourceInfo.IS_MAIN_SOUCE"  active-value='1' inactive-value='0'></el-switch>
+                    </div>
+                  </div>
+                </li>
+                <li class="data-source-modal-item">
+                  <p class="data-source-modal-header">是否加载关联对象</p>
+                  <div class="data-souce-modal-content">
+                    <div class="data-source__scope">
+                      <el-switch v-model="loadRelationEntity" active-value='1' inactive-value='0'></el-switch>
+                    </div>
+                  </div>
+                </li>
+                <li class="data-source-modal-item">
+                  <p class="data-source-modal-header">数据源最大条数</p>
+                  <div class="data-souce-modal-content">
+                    <div class="data-source__scope">
+                       <epx-table-form-item
+                        v-model="dataSourceInfo.DATA_LIMIT"
+                        :fieldConfigs="{attriName: 'DATA_LIMIT',dataType: 'num',attriLabel: '数据源最大条数', state:'EDIT'}">
+                      </epx-table-form-item>
+                    </div>
+                  </div>
+                </li>
+              </div>
+              <template v-slot:footer><span class="dialog-footer">
+                <el-button @click="dataSourceModal = false">取 消</el-button>
+                <el-button type="primary" @click.stop="submitDataSource">确 定</el-button>
+              </span></template>
+            </el-dialog>
+          </el-tab-pane>
+          <el-tab-pane label="参数">
+            <div class="module-header">
+              <el-button size="small" type="primary" @click="addFormParam">新增</el-button>
+            </div>
+            <el-tree class="params-tree" :data="variableTree" :props="{label: 'name'}" node-key="value" :default-expanded-keys="['customParams', 'systemVariable', 'processParams']" :style="{overflow:'auto'}">
+              <template v-slot="{ node, data }">
+                <div class="params">
+                  <span :draggable="data.type==='variable' || data.type==='process' ?'true': 'false'" @dragstart="e=>(data.type==='variable'?dragVariableFn(e, data, node):dragProcessParamFn(e, data, node))">{{node.label}}</span>
+                  <span class="params-icon" v-if="data.type!=='folder' && data.type!=='variable' && data.type!=='process' && data.value!=='id'">
+                    <i class="el-icon-edit" @click="editFormParam(data)"></i>
+                    <i class="el-icon-close" @click="deleteFormParam(data)"></i>
+                  </span>
+                </div>
+              </template>
+            </el-tree>
+            <el-dialog title="添加表单参数" v-model="formParamModal" width="400px">
+              <div class="data-souce-modal-content data-souce-modal-content__base">
+                <div class="form-item">
+                  <label class="table-form-item-label">编号：</label>
+                  <epx-table-form-item v-model="formParam.CODE"
+                    :fieldConfigs="{attriName: 'CODE', attriLabel: '编号', dataType: 'text', state:'EDIT'}">
+                  </epx-table-form-item>
+                </div>
+                <div class="form-item">
+                  <label class="table-form-item-label">名称：</label>
+                  <epx-table-form-item v-model="formParam.NAME"
+                    :fieldConfigs="{attriName: 'NAME', attriLabel: '名称', dataType: 'text', state:'EDIT'}">
+                  </epx-table-form-item>
+                </div>
+              </div>
+              <template v-slot:footer><span class="dialog-footer">
+                <el-button @click="formParamModal = false">取 消</el-button>
+                <el-button type="primary" @click.stop="saveFormParam">确 定</el-button>
+              </span></template>
+            </el-dialog>
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+      <!-- luckysheet.destroy() 会清空容器，加列按钮必须放在容器外层 -->
+      <div class="sheet-area">
+        <div class="luckysheet-container" ref="luckysheet">
+
+        </div>
+        <el-popover placement="left" width="230" trigger="click" v-model:visible="addColumnVisible">
+          <div class="add-column__pop">
+            <span class="add-column__pop-text">添加</span>
+            <el-input-number v-model="addColumnNum" size="small" controls-position="right" :min="1" :max="200"></el-input-number>
+            <span class="add-column__pop-text">列</span>
+            <el-button size="small" type="primary" @click="addColumns">确定</el-button>
+          </div>
+          <template v-slot:reference><div class="add-column" title="在表格末尾添加列">
+            <i class="el-icon-plus"></i>
+            <span class="add-column__text">列</span>
+          </div></template>
+        </el-popover>
+      </div>
+      <div class="attribute-pane">
+        <div class="attribute-pane__header">
+          <span>{{globalSetting ? '全局设置': '基础配置'}}</span>
+        </div>
+        <div class="attribute-pane__content" v-if="globalSetting">
+          <p class="form__label" for="">文件名</p>
+          <textarea v-show="globalSetting" ref="titleEditor" class="title-editor"></textarea>
+          <p class="form__label" for="">打印纸张设置</p>
+          <epx-table-form class="form-content" ref="form" :fieldsConfigs="fieldsConfigs" v-model="formData" :column="1" label-align="left"></epx-table-form>
+          <p class="form__label" for="">水印设置</p>
+          <epx-table-form class="form-content" ref="form" :fieldsConfigs="watermarkFieldsConfigs" v-model="formData" :column="1" label-align="left" :metaId="$metaId" :fieldRelation="fieldRelation">
+            <template v-slot:default="{showLabel, fieldConfigs, metaId, ruleMetaId }">
+                <epx-table-form-item
+                    v-if="fieldConfigs.attriName==='WATER_MARK_TEXT'"
+                    :show-label="showLabel"
+                    :label="fieldConfigs.attriLabel"
+                    :metaId="metaId"
+                    :ruleMetaId="ruleMetaId"
+                    :fieldConfigs="fieldConfigs"
+                    :rules="[{
+                        required: fieldConfigs.isRequired==='1' && fieldConfigs.state!=='SEARCH',
+                        message: `${fieldConfigs.attriLabel}不能为空`
+                    }]"
+                  >
+                  <textarea v-show="globalSetting" ref="watermarkEditor" class="title-editor"></textarea>
+                </epx-table-form-item>
+                <epx-table-form-item
+                    v-else
+                    :show-label="showLabel"
+                    :label="fieldConfigs.attriLabel"
+                    :metaId="metaId"
+                    :ruleMetaId="ruleMetaId"
+                    :fieldConfigs="fieldConfigs"
+                    :rules="[{
+                    required: fieldConfigs.isRequired==='1' && fieldConfigs.state!=='SEARCH',
+                    message: `${fieldConfigs.attriLabel}不能为空`
+            }]">
+            </epx-table-form-item>
+            </template>
+          </epx-table-form>
+          <p class="form__label" for="">其他设置</p>
+          <epx-table-form class="form-content" ref="form" :fieldsConfigs="otherFieldsConfigs" v-model="formData" :column="1" label-align="left" ></epx-table-form>
+
+          <div class="print-check">
+            <div class="print-check__head">
+              <p class="form__label print-check__title">自定义校验</p>
+              <el-button type="text" icon="el-icon-plus" @click="openCheckRule(-1)">新增</el-button>
+            </div>
+            <div class="print-check__hint">
+              <i class="el-icon-info"></i>
+              <span>任选数据源字段构建校验，所有<b>启用</b>的规则需同时返回 true 才允许打印。</span>
+            </div>
+            <div v-if="!printChecks.length" class="print-check__empty">暂无自定义校验，点击「新增」创建。</div>
+            <div v-else class="print-check__list">
+              <div v-for="(rule, index) in printChecks" :key="index" class="print-check__rule">
+                <div class="print-check__rule-top">
+                  <el-switch v-model="rule.enable" @change="syncPrintCheck"></el-switch>
+                  <span class="print-check__rule-name" :title="rule.name">{{ rule.name }}</span>
+                  <i class="el-icon-edit print-check__act" title="编辑" @click="openCheckRule(index)"></i>
+                  <i class="el-icon-delete print-check__act print-check__act--danger" title="删除" @click="deleteCheckRule(index)"></i>
+                </div>
+                <div class="print-check__rule-expr">{{ exprPreview(rule.expression) || '(空表达式)' }}</div>
+              </div>
+            </div>
+          </div>
+
+          <div :style="{marginTop: '30PX'}">
+            <div :style="{textAlign: 'center', position: 'fixed',bottom:0,width:'400px',zIndex:99,backgroundColor: '#fff'}">
+              <el-button size="default" @click="globalSettingCancel">取消</el-button>
+              <el-button type="primary" size="default" @click="updateForm">保存</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="attribute-pane__content" v-else-if="activeCell">
+          <div class="attribute-item">
+            <label for="">坐标</label>
+            <span class="attribute-item__content">{{excelCoord(activeCell.rowIndex+ 1, activeCell.columnIndex )}}</span>
+          </div>
+          <div class="attribute-item">
+          <label for="">斜线表头</label>
+          <div class="attribute-item__content">
+            <el-switch v-model="activeCell.diagonalHeader"></el-switch>
+          </div>
+        </div>
+        <template v-if="activeCell.diagonalHeader">
+          <div class="attribute-item">
+            <label for="">左下文本</label>
+            <div class="attribute-item__content">
+              <el-input size="default" v-model="activeCell.diagonalHeaderLbText" placeholder=""></el-input>
+            </div>
+          </div>
+          <div class="attribute-item">
+            <label for="">右上文本</label>
+            <div class="attribute-item__content">
+              <el-input size="default" v-model="activeCell.diagonalHeaderRtText" placeholder=""></el-input>
+            </div>
+          </div>
+        </template>
+          <div class="attribute-item">
+            <label for="">左父格</label>
+            <div class="attribute-item__content">
+              <el-radio-group v-model="leftCellWay">
+                <el-radio label="default" value="default" @change="defaultLeftCell">默认</el-radio>
+                <br />
+                <el-radio label="custom" value="custom">
+                  <span>自定义</span>
+                  <el-select class="cell-select" v-model="leftCellColumn" filterable allow-create size="default" placeholder="">
+                    <el-option label="无" value="root">无</el-option>
+                    <el-option v-for="item in columnList" :key="item" :label="item" :value="item"></el-option>
+                  </el-select>
+                  <el-select class="cell-select" v-model="leftCellRow" filterable allow-create size="default" placeholder="">
+                    <el-option v-for="item in rowList" :key="item" :label="item" :value="item"></el-option>
+                  </el-select>
+                </el-radio>
+              </el-radio-group>
+            </div>
+          </div>
+          <div class="attribute-item">
+            <label for="">上父格</label>
+            <el-radio-group v-model="topCellWay">
+              <el-radio label="default" value="default" @change="defaultTopCell">默认</el-radio>
+              <br />
+              <el-radio label="custom" value="custom">
+                <span>自定义</span>
+                <el-select class="cell-select" v-model="topCellColumn" filterable allow-create default-first-option size="default" placeholder="">
+                  <el-option label="无" key='root' value="root"></el-option>
+                  <el-option v-for="item in columnList" :key="item" :label="item" :value="item"></el-option>
+                </el-select>
+                <el-select class="cell-select" v-model="topCellRow" filterable allow-create default-first-option size="default" placeholder="">
+                  <el-option v-for="item in rowList" :key="item" :label="item" :value="item"></el-option>
+                </el-select>
+              </el-radio>
+            </el-radio-group>
+          </div>
+          <div class="attribute-item">
+            <label for="">单元格类型</label>
+            <div class="attribute-item__content">
+              <el-select size="default" v-model="activeCell.cellType" placeholder="请选择">
+                <el-option value="simple" label="普通文本"></el-option>
+                <el-option value="dataset" label="数据集"></el-option>
+                <el-option value="system-variable" label="系统变量"></el-option>
+                <el-option value="expression" label="表达式"></el-option>
+                <el-option value="image" label="图片"></el-option>
+                <el-option value="process-variable" label="流程参数"></el-option>
+              </el-select>
+            </div>
+          </div>
+          <template v-if="activeCell.cellType==='image' || activeCell.cellType==='process-variable'">
+            <div class="attribute-item">
+              <label for="">图片高度</label>
+              <div class="attribute-item__content">
+                <el-input v-model="activeCell.imageHeight"></el-input>
+              </div>
+            </div>
+            <div class="attribute-item">
+              <label for="">图片宽度</label>
+              <div class="attribute-item__content">
+                <el-input v-model="activeCell.imageWidth"></el-input>
+              </div>
+            </div>
+          </template>
+
+          <template v-if="activeCell.cellType==='expression'">
+            <div class="attribute-item">
+              <label for="">表达式</label>
+              <epx-rule
+                :key="activeCell"
+                formulaType='report'
+                v-model="activeCellExpression"
+                :variableList="ruleVariableTree"
+                :fieldConfigs="{state: 'EDIT', functionType: 'report' }"
+              >
+              </epx-rule>
+            </div>
+          </template>
+          <template v-if="activeCell.cellType==='dataset' || activeCell.cellType==='process-variable' || activeCell.cellType==='expression'">
+            <div class="attribute-item">
+              <label for="">过滤条件</label>
+              <div class="attribute-item__content">
+                <ul class="filter-condition__list" v-if="activeCell.filterCondition">
+                  <li class="filter-condition__item" v-for="(item, index) in activeCell.filterCondition" :key="item.propertyId">
+                    {{item.text}}
+                    <span class="filter-condition__operates">
+                      <i class="el-icon-edit" @click="editFilterCondition(item, index)"></i>
+                      <el-popconfirm title="确认删除？" @confirm="deleteFilterCondition(index)">
+                        <template v-slot:reference><i class="el-icon-close"></i></template>
+                      </el-popconfirm>
+                    </span>
+                  </li>
+                </ul>
+                <el-button type="primary" size="small" @click="addFilterCondition">添加条件</el-button>
+              </div>
+            </div>
+          </template>
+          <template v-if="activeCell.cellType==='dataset' || activeCell.cellType==='expression'">
+            <div class="attribute-item">
+              <label for="">依赖单元格</label>
+              <div class="attribute-item__content">
+                <el-radio-group v-model="relyCellWay">
+                  <el-radio label="default" value="default" @change="defaultLeftCell">默认</el-radio>
+                  <br />
+                  <el-radio label="custom" value="custom">
+                    <span>自定义</span>
+                    <el-select class="cell-select" v-model="relyCellColumn" size="default" filterable allow-create placeholder="">
+                      <el-option label="无" value="root">无</el-option>
+                      <el-option v-for="item in columnList" :key="item" :label="item" :value="item"></el-option>
+                    </el-select>
+                    <el-select class="cell-select" v-model="relyCellRow" size="default" filterable allow-create placeholder="">
+                      <el-option v-for="item in rowList" :key="item" :label="item" :value="item"></el-option>
+                    </el-select>
+                  </el-radio>
+                </el-radio-group>
+              </div>
+            </div>
+          </template>
+          <div class="attribute-item">
+            <label for="">聚合方式</label>
+            <div class="attribute-item__content">
+              <el-radio-group v-model="activeCell.aggregate">
+                <el-radio label="select" value="select">列表</el-radio>
+                <el-radio label="group" value="group">分组</el-radio>
+              </el-radio-group>
+            </div>
+          </div>
+          <div class="attribute-item">
+            <label for="">数据展开方向</label>
+            <div class="attribute-item__content">
+              <el-radio-group v-model="activeCell.expand">
+                <el-radio label="Down" value="Down">向下</el-radio>
+                <el-radio label="Right" value="Right">向右</el-radio>
+                <el-radio label="group" value="group">分组</el-radio>
+                <el-radio label="None" value="None">不展开</el-radio>
+                <el-radio label="Left" value="Left">合并</el-radio>
+              </el-radio-group>
+            </div>
+          </div>
+           <div class="attribute-item">
+            <label for="">分页方式</label>
+            <div class="attribute-item__content">
+              <el-radio-group v-model="activeCell.pagePosition">
+                <el-radio label="before" value="before">行前分页</el-radio>
+                <el-radio label="after" value="after">行后分页</el-radio>
+                <el-radio label="none" value="none">不分页</el-radio>
+              </el-radio-group>
+            </div>
+          </div>
+          <div class="attribute-item">
+            <label for="">自动换行</label>
+            <div class="attribute-item__content">
+              <el-radio-group v-model="activeCell.wrapCompute">
+                <el-radio label="1" value="1">打开</el-radio>
+                <el-radio label="0" value="0">关闭</el-radio>
+              </el-radio-group>
+            </div>
+          </div>
+          <div class="attribute-item">
+            <label for="">分页时不断开:</label>
+            <div class="attribute-item__content">
+              <el-checkbox v-model="activeCell.breakOnPaginate"></el-checkbox>
+            </div>
+          </div>
+          <div class="attribute-item">
+            <label for="">高度自适应</label>
+            <div class="attribute-item__content">
+              <el-radio-group v-model="activeCell.heightAuto">
+                <el-radio label="1" value="1">打开</el-radio>
+                <el-radio label="0" value="0">关闭</el-radio>
+              </el-radio-group>
+            </div>
+          </div>
+          <div class="attribute-item">
+            <label for="">行高</label>
+            <div class="attribute-item__content">
+              <el-input size="default" v-model="activeCell.lineHeight" placeholder="默认高度1.2"></el-input>
+            </div>
+          </div>
+          <div class="attribute-item">
+            <label for="">补充空白行倍数：</label>
+            <div class="attribute-item__content">
+              <el-input size="default" v-model="activeCell.fillBlankRowsMultiple" placeholder=""></el-input>
+            </div>
+          </div>
+          <div class="attribute-item">
+            <label for="">补充固定空白行数：</label>
+            <div class="attribute-item__content">
+              <el-input size="default" v-model="activeCell.fillFixedBlankRowsNum" placeholder=""></el-input>
+            </div>
+          </div>
+          <div class="attribute-item">
+            <label for="">填充预设空白行数：</label>
+            <div class="attribute-item__content">
+              <el-input size="default" v-model="activeCell.fillDefaultBlandRowNum" placeholder=""></el-input>
+            </div>
+          </div>
+          <div class="attribute-item">
+            <label for="">行距(磅)：</label>
+            <div class="attribute-item__content">
+              <el-input size="default" v-model="activeCell.singleLineSpacing" placeholder="导出word生效"></el-input>
+            </div>
+           </div>
+           <div class="attribute-item">
+            <label for="">格式化：</label>
+            <div class="attribute-item__content">
+              <el-input size="default" v-model="activeCell.format" placeholder=""></el-input>
+            </div>
+           </div>
+           <div class="attribute-item">
+              <label for="">多值设置：</label>
+              <div class="attribute-item__content">
+                <el-button type="primary" size="small" @click="showMultiValueDialog=true">设置</el-button>
+              </div>
+            </div>
+            <div class="attribute-item">
+              <label for="">条件属性</label>
+              <div class="attribute-item__content">
+                <span  v-for="(item,index) in activeCell.conditionPropertyItems" :key="item.guid">
+                  {{item.name+(index==activeCell.conditionPropertyItems.length-1?'':'、')}}
+                </span>
+                <br/>
+                <el-button type="primary" size="small" @click="addConditionPropertyItem">添加条件属性</el-button>
+              </div>
+            </div>
+        </div>
+      </div>
+    </div>
+    <el-dialog v-if="showFormParamsDialog" title="提交表单参数" width="520px" v-model="showFormParamsDialog">
+        <div>
+          <div class="input-params" v-for="param in formParams" :key="param.ID">
+            <label>{{param.NAME}}：</label>
+            <el-input type="middle" require="true" v-model="previewParams[param.CODE]"></el-input>
+          </div>
+        </div>
+        <el-button class="preview-btn" type="primary" @click="preview">预 览</el-button>
+      </el-dialog>
+      <el-dialog v-if="showMultiValueDialog" title="多值设置弹窗" width="520px" v-model="showMultiValueDialog">
+        <div class="attribute-item">
+          <label for="">截断数：</label>
+          <div class="attribute-item__content">
+            <el-input-number size="default" v-model="activeCell.multiValueCutNumber" placeholder=""></el-input-number>
+          </div>
+        </div>
+        <div class="attribute-item">
+          <label for="">分隔符：</label>
+          <div class="attribute-item__content">
+            <el-input size="default" v-model="activeCell.multiValueCutSep" placeholder=""></el-input>
+          </div>
+        </div>
+        <div class="attribute-item">
+          <label for="">行间距倍数：</label>
+          <div class="attribute-item__content">
+            <el-input-number size="default" v-model="activeCell.multiValueLineNum" placeholder=""></el-input-number>
+          </div>
+        </div>
+        <div class="attribute-item">
+          <label for="">换行标识：</label>
+          <div class="attribute-item__content">
+            <el-input size="default" v-model="activeCell.multiValueFeedLineFlag" placeholder=""></el-input>
+          </div>
+        </div>
+      </el-dialog>
+     <el-dialog v-if="showFilterConditionDialog" title="过滤条件" width="520px" v-model="showFilterConditionDialog">
+        <div class="input-params" v-if="(activeCell.filterCondition && activeCell.filterCondition.length>0) && ((!editFilterConditionIndex && editFilterConditionIndex!=0) || editFilterConditionIndex > 0)">
+          <label>与上一条件关系：</label>
+          <el-select size="default" v-model="filterConditionForm.join" placeholder="请选择">
+            <el-option value="and" label="并且"></el-option>
+            <el-option value="or" label="或者"></el-option>
+          </el-select>
+        </div>
+        <div class="input-params" >
+          <label>属性名：</label>
+          <el-input size="middle" :style="{width: '200px'}" v-if="activeCell.cellType==='process-variable'" v-model="filterConditionForm.propertyId"></el-input>
+          <el-select v-else size="default" allow-create filterable v-model="filterConditionForm.propertyId" placeholder="请选择">
+            <el-option v-for="item in objectFieldList" :key="item.code"  :value="item.code" :label="item.text" ></el-option>
+          </el-select>
+        </div>
+         <div class="input-params" >
+          <label>操作符：</label>
+          <el-select size="default" v-model="filterConditionForm.op" placeholder="请选择">
+            <el-option value=">" label="大于"></el-option>
+            <el-option value=">=" label="大于等于"></el-option>
+            <el-option value="<" label="小于"></el-option>
+            <el-option value="<=" label="小于等于"></el-option>
+            <el-option value="==" label="等于"></el-option>
+            <el-option value="!=" label="不等于"></el-option>
+            <el-option value="in" label="在集合中"></el-option>
+            <el-option value="not in" label="不在集合中"></el-option>
+            <el-option value="like" label="相似"></el-option>
+          </el-select>
+        </div>
+        <div class="input-params">
+          <label>值表达式：</label>
+          <el-input size="middle" :style="{width: '200px'}" v-model="filterConditionForm.condition"></el-input>
+        </div>
+        <div class="filter-condition__btn">
+          <el-button size="default" @click="showFilterConditionDialog=false">取消</el-button>
+          <el-button type="primary" @click="saveFilterCondition">确定</el-button>
+        </div>
+     </el-dialog>
+     <el-dialog v-if="showConditionPropertyItemDialog" title="条件属性" width="1100px" v-model="showConditionPropertyItemDialog">
+      <div style="height: 500px;">
+          <el-row :gutter="15">
+          <el-col :span="7">
+            <el-card class="box-card" shadow="never">
+              <template v-slot:header><div class="clearfix">
+              <el-row>
+                <el-col :span="10">
+                  <span>条件项配置</span>
+                </el-col>
+                <el-col :span="14">
+                 <el-button-group>
+                  <el-button type="primary" icon="el-icon-circle-plus-outline" size="small"  @click="showConditionPropertyItemNameDialog=true"></el-button>
+                </el-button-group>
+                </el-col>
+              </el-row>
+              </div></template>
+              <div>
+                <ul class="filter-condition__list" v-if="activeCell.conditionPropertyItems">
+                  <li :class="currentConditionPropertyItem && item.uid == currentConditionPropertyItem.uid ? 'condition-property-item-active' : 'condition-property-item'" v-for="(item) in activeCell.conditionPropertyItems" :key="item.guid" @click="clickConditionPropertyItem(item)">
+                    {{item.name}}
+                    <span class="filter-condition__operates">
+                      <i class="el-icon-edit" @click="editConditionPropertyItem()"></i>
+                      <el-popconfirm title="确认删除？" @confirm="deleteConditionPropertyItem(item)">
+                        <template v-slot:reference><i class="el-icon-close"></i></template>
+                      </el-popconfirm>
+                    </span>
+                  </li>
+                </ul>
+              </div>
+            </el-card>
+          </el-col>
+          <el-col :span="7">
+              <el-card class="box-card" shadow="never">
+              <template v-slot:header><div class="clearfix">
+              <el-row>
+                <el-col :span="10">
+                  <span>条件配置</span>
+                </el-col>
+                <el-col :span="14">
+                 <el-button-group>
+                  <el-button type="primary" icon="el-icon-circle-plus-outline" size="small" @click="showConditionPropertyItemConditionDialog=true;conditionPropertyItemConditionForm={}"></el-button>
+                </el-button-group>
+                </el-col>
+              </el-row>
+              </div></template>
+              <div>
+                <ul class="filter-condition__list" v-if="currentConditionPropertyItem.conditions">
+                  <li :class="conditionPropertyItemConditionForm && item.uid == conditionPropertyItemConditionForm.uid ? 'condition-property-item-active' : 'condition-property-item'" v-for="(item) in currentConditionPropertyItem.conditions" :key="item.guid">
+                   {{getConditionOpText(item.join)}} {{item.type=='current'?'当前值':'表达式'}} {{item.type=='expression'?item.left:''}} {{getConditionOpText(item.op)}}  {{item.condition}}
+                    <span class="filter-condition__operates">
+                      <i class="el-icon-edit" @click="editConditionPropertyCondition(item)"></i>
+                      <el-popconfirm title="确认删除？" @confirm="deleteConditionPropertyCondition(item)">
+                        <template v-slot:reference><i class="el-icon-close"></i></template>
+                      </el-popconfirm>
+                    </span>
+                  </li>
+                </ul>
+              </div>
+            </el-card>
+          </el-col>
+          <el-col :span="10">
+              <el-card class="box-card" shadow="never">
+              <template v-slot:header><div class="clearfix">
+                <span>属性配置</span>
+              </div></template>
+              <div  v-if="this.conditionPropertyItems.length>0">
+                <el-row :gutter="20">
+                  <el-col :span="6"><el-checkbox class="property-item-condition" v-model="currentConditionPropertyItem.newValueFlag">新值</el-checkbox></el-col>
+                  <el-col :span="12" v-if="currentConditionPropertyItem.newValueFlag"><el-input class="mb-3" type="textarea" v-model="currentConditionPropertyItem.newValue" placeholder="请输入内容"></el-input></el-col>
+                </el-row>
+                <el-row :gutter="20">
+                  <el-col :span="6"><el-checkbox class="property-item-condition" v-model="currentConditionPropertyItem.rowHeightFlag">行高</el-checkbox></el-col>
+                  <el-col :span="12" v-if="currentConditionPropertyItem.rowHeightFlag"><el-input class="mb-3" v-model="currentConditionPropertyItem.rowHeight" placeholder="请输入内容"></el-input></el-col>
+                </el-row>
+                <el-row :gutter="20">
+                  <el-col :span="6"><el-checkbox class="property-item-condition" v-model="currentConditionPropertyItem.colWidthFlag">列宽</el-checkbox></el-col>
+                  <el-col :span="12" v-if="currentConditionPropertyItem.colWidthFlag"><el-input class="mb-3" v-model="currentConditionPropertyItem.colWidth" placeholder="请输入内容"></el-input></el-col>
+                </el-row>
+                <el-row :gutter="20">
+                  <el-col :span="6"><el-checkbox class="property-item-condition" v-model="currentConditionPropertyItem.pagingFlag">分页</el-checkbox></el-col>
+                  <el-col :span="12" v-if="currentConditionPropertyItem.pagingFlag">
+                    <el-select class="mb-3" size="default" v-model="currentConditionPropertyItem.position" placeholder="请选择">
+                      <el-option value="before" label="当前行前"></el-option>
+                      <el-option value="after" label="当前行后"></el-option>
+                    </el-select>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="20">
+                  <el-col :span="6"><el-checkbox class="property-item-condition" v-model="currentConditionPropertyItem.bgcolorFlag">背景颜色</el-checkbox></el-col>
+                  <el-col :span="12" v-if="currentConditionPropertyItem.bgcolorFlag">
+                    <el-color-picker class="mb-3" v-model="currentConditionPropertyItem.bgcolor" show-alpha></el-color-picker>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="20">
+                  <el-col :span="6"><el-checkbox class="property-item-condition" v-model="currentConditionPropertyItem.forecolorFlag">字体颜色</el-checkbox></el-col>
+                  <el-col :span="12" v-if="currentConditionPropertyItem.forecolorFlag">
+                    <el-color-picker class="mb-3" v-model="currentConditionPropertyItem.forecolor" show-alpha></el-color-picker>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="20">
+                  <el-col :span="6"><el-checkbox class="property-item-condition" v-model="currentConditionPropertyItem.boldFlag">加粗</el-checkbox></el-col>
+                </el-row>
+              </div>
+            </el-card>
+          </el-col>
+      </el-row>
+      </div>
+      <div class="filter-condition__btn">
+          <el-button  @click="showConditionPropertyItemDialog=false">取消</el-button>
+          <el-button type="primary" @click="saveConditionPropertyItem">确定</el-button>
+      </div>
+     </el-dialog>
+
+     <el-dialog v-if="showConditionPropertyItemNameDialog" width="520px" v-model="showConditionPropertyItemNameDialog">
+        <div>
+          <div class="input-params" v-for="param in formParams" :key="param.ID">
+            <label>{{param.NAME}}：</label>
+            <el-input type="middle" require="true" v-model="previewParams[param.CODE]"></el-input>
+          </div>
+        </div>
+        <el-button class="preview-btn" type="primary" @click="preview">预 览</el-button>
+      </el-dialog>
+     <el-dialog v-if="showConditionPropertyItemNameDialog" title="条件项名称" width="520px" v-model="showConditionPropertyItemNameDialog">
+        <div class="input-params">
+          <label>条件项名称：</label>
+          <el-input size="middle" :style="{width: '200px'}" v-model="conditionPropertyItemNameForm.name"></el-input>
+        </div>
+        <div class="filter-condition__btn">
+          <el-button size="default" @click="showConditionPropertyItemNameDialog=false">取消</el-button>
+          <el-button type="primary" @click="saveConditionPropertyItemName">确定</el-button>
+        </div>
+     </el-dialog>
+
+     <el-dialog v-if="showConditionPropertyItemConditionDialog" title="过滤条件" width="600px" v-model="showConditionPropertyItemConditionDialog">
+        <input hidden v-model="conditionPropertyItemConditionForm.uid">
+        <div class="input-params" v-if="(this.currentConditionPropertyItem.conditions && this.currentConditionPropertyItem.conditions.length>0 && this.conditionPropertyItemConditionForm.index!=0)">
+          <label>与上一条件关系：</label>
+          <el-select size="default" v-model="conditionPropertyItemConditionForm.join" placeholder="请选择">
+            <el-option value="and" label="并且"></el-option>
+            <el-option value="or" label="或者"></el-option>
+          </el-select>
+        </div>
+        <div class="input-params" >
+          <label>条件左值：</label>
+          <el-select size="default" v-model="conditionPropertyItemConditionForm.type" placeholder="请选择">
+            <el-option value="current" label="当前值"></el-option>
+            <el-option value="expression" label="表达式"></el-option>
+          </el-select>
+        </div>
+        <div v-if="conditionPropertyItemConditionForm.type == 'expression'" class="input-params" >
+            <label>表达式：</label>
+             <epx-rule
+                formulaType='report'
+                v-model="conditionPropertyItemConditionFormLeft"
+                :variableList="ruleVariableTree"
+                :fieldConfigs="{state: 'EDIT', functionType: 'report' }"
+              >
+              </epx-rule>
+          </div>
+         <div class="input-params" >
+          <label>操作符：</label>
+          <el-select size="default" v-model="conditionPropertyItemConditionForm.op" placeholder="请选择">
+            <el-option value=">" label="大于"></el-option>
+            <el-option value=">=" label="大于等于"></el-option>
+            <el-option value="<" label="小于"></el-option>
+            <el-option value="<=" label="小于等于"></el-option>
+            <el-option value="==" label="等于"></el-option>
+            <el-option value="!=" label="不等于"></el-option>
+            <el-option value="in" label="在集合中"></el-option>
+            <el-option value="not in" label="不在集合中"></el-option>
+            <el-option value="like" label="相似"></el-option>
+            <el-option value="not like" label="不相似"></el-option>
+          </el-select>
+        </div>
+        <div class="input-params">
+          <label>值表达式：</label>
+          <el-input size="middle" :style="{width: '200px'}" v-model="conditionPropertyItemConditionForm.condition"></el-input>
+        </div>
+        <div class="filter-condition__btn">
+          <el-button size="default" @click="showConditionPropertyItemConditionDialog=false">取消</el-button>
+          <el-button type="primary" @click="saveConditionPropertyItemCondition">确定</el-button>
+        </div>
+     </el-dialog>
+
+      <!-- 自定义校验：规则表单弹窗 -->
+      <el-dialog
+        :title="editingCheckIndex >= 0 ? '编辑自定义校验' : '新增自定义校验'"
+        v-model="checkRuleDialog"
+        width="480px"
+        :close-on-click-modal="false">
+        <div class="check-rule-form" v-if="checkRuleDialog">
+          <div class="check-rule-form__item">
+            <label class="check-rule-form__label is-required">规则名</label>
+            <el-input v-model="checkRuleForm.name" placeholder="如：未过期校验"></el-input>
+          </div>
+          <div class="check-rule-form__item">
+            <label class="check-rule-form__label is-required">表达式</label>
+            <div class="check-rule-form__expr" :class="{'is-empty': !checkRuleForm.expression}" @click="openFormulaDialog">
+              <span class="check-rule-form__expr-text">{{ exprPreview(checkRuleForm.expression) || '点击进入公式编辑器配置…' }}</span>
+              <i class="el-icon-edit-outline"></i>
+            </div>
+            <div class="check-rule-form__tip">点击上方区域打开公式编辑器，表达式需最终返回 true / false。</div>
+          </div>
+          <div class="check-rule-form__item">
+            <label class="check-rule-form__label">错误信息</label>
+            <el-input type="textarea" :rows="2" v-model="checkRuleForm.errorInfo" placeholder="校验不通过时的提示，如：单据已过期，禁止打印"></el-input>
+          </div>
+        </div>
+        <template v-slot:footer><span class="dialog-footer">
+          <el-button @click="checkRuleDialog=false">取 消</el-button>
+          <el-button type="primary" @click="confirmCheckRule">确 定</el-button>
+        </span></template>
+      </el-dialog>
+
+      <!-- 自定义校验：公式编辑器弹窗 -->
+      <el-dialog
+        v-model="formulaDialog"
+        fullscreen
+        append-to-body
+        :close-on-click-modal="false"
+        :show-close="false"
+        class="formula-editor-dialog">
+        <epx-formula-editor
+          v-if="formulaDialog"
+          :value="{ el: checkRuleForm.expression || '' }"
+          :param-list="checkParamList"
+          show-header
+          @confirm="confirmFormula"
+          @cancel="formulaDialog=false">
+        </epx-formula-editor>
+      </el-dialog>
+
+  </div>
+</template>
+
+<script>
+/* eslint-disable no-undef */
+import { mapState, mapGetters } from 'vuex'
+const ADD_META = 'ADD_META'
+const letterToNumber = (str) => {
+  let result = 0
+  for (let i = 0; i < str.length; i++) {
+    const charCode = str.charCodeAt(i) - 65
+    result = result * 26 + charCode
+  }
+  return result
+}
+// luckysheet 默认行列数
+const DEFAULT_ROW_NUM = 84
+const DEFAULT_COLUMN_NUM = 60
+// 行列数可调整的上限，避免误输入导致渲染卡死
+const MAX_ROW_NUM = 5000
+const MAX_COLUMN_NUM = 1000
+const NumberToLetter = (num) => {
+  let result = ''
+  while (num > 0) {
+    const remainder = num % 26
+    result = String.fromCharCode(65 + remainder) + result
+    num = Math.floor(num / 26)
+  }
+  return result
+}
+export default {
+  name: 'epx-excel-design',
+  navConfigs: {
+    flag: false
+  },
+  data () {
+    return {
+      editName: false,
+      globalSetting: false,
+      formData: {},
+      activeCell: null,
+      // 表格行列数（与 luckysheet 当前 sheet 保持同步，随内容一起存入 CONTENT）
+      gridSize: { row: DEFAULT_ROW_NUM, column: DEFAULT_COLUMN_NUM },
+      // 右侧快捷加列
+      addColumnVisible: false,
+      addColumnNum: 10,
+      leftCellWay: 'default',
+      topCellWay: 'default',
+      relyCellWay: 'default',
+      excelInfo: {},
+      dataSource: [],
+      dataSourceModal: false,
+      setting: {
+        height: 500
+      },
+      dataSourceInfo: {},
+      linkEntityTree: [],
+      allFields: [],
+      fields: [],
+      defaultExpandKey: [],
+      defaultProps: {
+        children: 'children',
+        label: 'text'
+      },
+      initCondition: [],
+      searchParams: [],
+      formParam: {},
+      formParams: [],
+      formParamModal: false,
+      editFormParamId: '',
+      showFormParamsDialog: false,
+      previewParams: {},
+      isImportExcel: false,
+      showFilterConditionDialog: false,
+      filterConditionForm: {},
+      editFilterConditionIndex: null,
+      showConditionPropertyItemDialog: false,
+      conditionPropertyItems: [],
+      showConditionPropertyItemNameDialog: false,
+      conditionPropertyItemNameForm: {},
+      currentConditionPropertyItem: {},
+      showConditionPropertyItemConditionDialog: false,
+      conditionPropertyItemConditionForm: {},
+      fieldRelation: [],
+      watermarkFieldsConfigs: [],
+      otherFieldsConfigs: [],
+      processParams: [],
+      searchText: '',
+      showLogField: false,
+      showSubField: true,
+      currentLanguage: this.defaultLanguage,
+      languageContent: {},
+      showMultiValueDialog: false,
+      entityDataMap: {},
+      printChecks: [],
+      checkRuleDialog: false,
+      editingCheckIndex: -1,
+      checkRuleForm: { name: '', expression: '', errorInfo: '', enable: true },
+      formulaDialog: false
+    }
+  },
+  computed: {
+    ...mapState({
+      systemVariableList: state => state.config.systemVariableList, // 当前导航菜单
+      showMenu: state => state.config.showMenu,
+      showAppNav: state => state.config.showAppNav
+    }),
+    ...mapGetters([
+      'getMetaViewFields'
+    ]),
+    // 父格/依赖格下拉的列名，跟随表格实际列数
+    columnList () {
+      const len = Math.max(this.gridSize.column || 0, DEFAULT_COLUMN_NUM)
+      return new Array(len).fill(0).map((item, index) => this.NumToString(index + 1))
+    },
+    // 父格/依赖格下拉的行号，跟随表格实际行数
+    rowList () {
+      const len = Math.max(this.gridSize.row || 0, 500)
+      return new Array(len).fill(0).map((item, index) => index + 1 + '')
+    },
+    variableTree () {
+      return [
+        {
+          value: 'customParams',
+          type: 'folder',
+          name: '自定义参数',
+          children: this.formParams.map(item => ({ ...item, name: item.NAME, value: item.CODE }))
+        },
+        {
+          value: 'systemVariable',
+          type: 'folder',
+          name: '系统变量',
+          children: this.systemVariableList
+        },
+        {
+          value: 'processParams',
+          type: 'folder',
+          name: '流程参数',
+          children: this.processParams
+        }
+      ]
+    },
+    conditionPropertyItemConditionFormLeft: {
+      get () {
+        return this.conditionPropertyItemConditionForm.left ? JSON.stringify({ el: `#{${this.conditionPropertyItemConditionForm.left}}`, elText: this.conditionPropertyItemConditionForm.left }) : ''
+      },
+      set (v) {
+        if (v) {
+          const regExp = /#\{(.+)\}/g
+          const el = JSON.parse(v).el
+          const expression = regExp.exec(el)[1]
+          this.conditionPropertyItemConditionForm.left = expression
+        } else {
+          this.conditionPropertyItemConditionForm.left = ''
+        }
+      }
+    },
+    activeCellExpression: {
+      get () {
+        return this.activeCell.v ? JSON.stringify({ el: `#{${this.activeCell.v}}`, elText: this.activeCell.v }) : ''
+      },
+      set (v) {
+        if (v) {
+          const regExp = /#\{(.+)\}/g
+          const el = JSON.parse(v).el
+          const expression = regExp.exec(el)[1]
+          this.activeCell.v = expression
+        } else {
+          this.activeCell.v = ''
+        }
+      }
+    },
+    ruleVariableTree () {
+      return [
+        {
+          value: 'datasoure',
+          type: 'folder',
+          text: '表单数据源',
+          children: this.dataSource.map(item => ({ ...item, text: item.name }))
+        }
+      ]
+    },
+    leftCellColumn: {
+      get () {
+        const { leftCell } = this.activeCell
+        if (leftCell === 'root') {
+          return '无'
+        }
+        if (leftCell) {
+          const arr = /^([A-Z]*)(\d*)$/.exec(leftCell)
+          return arr[1] || ''
+        }
+        return ''
+      },
+      set (v) {
+        if (v === 'root') {
+          this.activeCell.leftCell = v
+        } else {
+          this.activeCell.leftCell = v + this.leftCellRow
+        }
+      }
+    },
+    leftCellRow: {
+      get () {
+        const { leftCell } = this.activeCell
+        if (leftCell && leftCell !== 'root') {
+          const arr = /^([A-Z]*)(\d*)$/.exec(leftCell)
+          return arr[2] || ''
+        }
+        return ''
+      },
+      set (v) {
+        this.activeCell.leftCell = this.leftCellColumn + v
+        this.activeCell.leftCell = this.leftCellColumn + v
+      }
+    },
+    topCellColumn: {
+      get () {
+        const { topCell } = this.activeCell
+        if (topCell === 'root') {
+          return '无'
+        }
+        if (topCell && topCell !== 'root') {
+          const arr = /^([A-Z]*)(\d*)$/.exec(topCell)
+          return arr[1] || ''
+        }
+        return ''
+      },
+      set (v) {
+        if (v === 'root') {
+          this.activeCell.topCell = v
+        } else {
+          this.activeCell.topCell = v + this.topCellRow
+        }
+      }
+    },
+    topCellRow: {
+      get () {
+        const { topCell } = this.activeCell
+        if (topCell && topCell !== 'root') {
+          const arr = /^([A-Z]*)(\d*)$/.exec(topCell)
+          return arr[2] || ''
+        }
+        return ''
+      },
+      set (v) {
+        this.activeCell.topCell = this.topCellColumn + v
+      }
+    },
+    relyCellColumn: {
+      get () {
+        const { relyCell } = this.activeCell
+        if (relyCell === 'root') {
+          return '无'
+        }
+        if (relyCell && relyCell !== 'root') {
+          const arr = /^([A-Z]*)(\d*)$/.exec(relyCell)
+          return arr[1] || ''
+        }
+        return ''
+      },
+      set (v) {
+        if (v === 'root') {
+          this.activeCell.relyCell = v
+        } else {
+          this.activeCell.relyCell = v + this.relyCellRow
+        }
+      }
+    },
+    relyCellRow: {
+      get () {
+        const { relyCell } = this.activeCell
+        if (relyCell && relyCell !== 'root') {
+          const arr = /^([A-Z]*)(\d*)$/.exec(relyCell)
+          return arr[2] || ''
+        }
+        return ''
+      },
+      set (v) {
+        this.activeCell.relyCell = this.relyCellColumn + v
+      }
+    },
+    objectFieldList () {
+      const { dataSource } = this.activeCell || {}
+      if (dataSource) {
+        const item = this.dataSource.find(item => item.id === dataSource) || {}
+        if (item && item.children[0]) {
+          return item.children[0].children
+        }
+      }
+      return []
+    },
+    defineDynamicParams () {
+      return this.formParams.map(item => ({ id: '${' + item.CODE + '}', name: item.NAME }))
+    },
+    sortFields: {
+      get () {
+        let { SORT = '[]' } = this.dataSourceInfo
+        if (SORT === 'undefined' || SORT === '' || SORT === null) SORT = '[]'
+        return JSON.parse(SORT)
+      },
+      set (v) {
+        this.dataSourceInfo.SORT = JSON.stringify(v)
+      }
+    },
+    groupSortFields: {
+      get () {
+        let { GROUP_ORDER_FIELD = '' } = this.dataSourceInfo
+        if (GROUP_ORDER_FIELD === 'undefined' || GROUP_ORDER_FIELD === '' || GROUP_ORDER_FIELD === null) GROUP_ORDER_FIELD = ''
+        return GROUP_ORDER_FIELD
+      },
+      set (v) {
+        this.dataSourceInfo.GROUP_ORDER_FIELD = v
+      }
+    },
+    loadRelationEntity: {
+      get () {
+        return this.dataSourceInfo.LOAD_RELATION_ENTITY || '1'
+      },
+      set (v) {
+        this.dataSourceInfo.LOAD_RELATION_ENTITY = v
+      }
+    },
+    linkEntityCheckedKeys () {
+      const flags = this.dataSourceInfo.LINK_ENTITY
+      return flags ? flags.split(',').filter(Boolean) : []
+    },
+    linkEntityLabel () {
+      const keys = this.linkEntityCheckedKeys
+      if (!keys.length) return ''
+      const titles = []
+      const walk = (nodes) => {
+        if (!nodes) return
+        nodes.forEach(node => {
+          if (keys.includes(node.flag)) titles.push(node.title)
+          if (node.childrens) walk(node.childrens)
+        })
+      }
+      walk(this.linkEntityTree)
+      // 关联对象树异步加载，未就绪时回退到已保存的名称
+      return titles.length ? titles.join(',') : (this.dataSourceInfo['LINK_ENTITY#'] || '')
+    },
+    showDataSource () {
+      const formatFields = (fields) => {
+        return fields.filter(item => {
+          if (!this.showLogField && ['ID', 'LOG_C_TIME', 'LOG_C_USER', 'LOG_U_TIME', 'LOG_U_USER'].includes(item.code)) {
+            return false
+          }
+          if (!this.showSubField && (item.relationType === '1' || item.isSub)) {
+            return false
+          }
+          if (item.children) {
+            item.children = formatFields(item.children)
+          }
+          return true
+        })
+      }
+      return this.dataSource.map(item => {
+        if (this.entityDataMap[item.id]) {
+          const fields = this.$_.cloneDeep(this.entityDataMap[item.id])
+          item.children = formatFields(fields)
+        }
+        return item
+      })
+    },
+    languageFlag () {
+      const { LANGUAGE_FLAG: languageFlag } = this.clientConfig
+      return languageFlag
+    },
+    defaultLanguage () {
+      const { LANGUAGE_DEFAULT: defaultLanguage } = this.clientConfig
+      return defaultLanguage
+    },
+    currentLanguageName () {
+      const language = this.languageList.find(item => item.id === this.currentLanguage) || {}
+      return language.name || '默认'
+    },
+    languageList () {
+      const { LANGUAGES: languages = '', 'LANGUAGES#': languageNames = '' } = this.clientConfig
+      // 获取当前语言
+      if (!languages) return []
+      const languageIdList = languages.split(',')
+      const languageNameList = languageNames.split(',')
+      const languageList = languageIdList.map((item, index) => ({ id: item, name: languageNameList[index] }))
+      return languageList
+    },
+    getText () {
+      return field => {
+        // 查寻字段名
+        const getLabel = (arr) => {
+          for (const item of arr) {
+            if ((item.linkCode || item.code) === field) return item.text
+            if (item.children) {
+              const label = getLabel(item.children)
+              if (label) return label
+            }
+          }
+        }
+        return getLabel(this.allFields) || field
+      }
+    },
+    // 自定义校验公式编辑器的参数库：只取主数据源（无主则取第一个），按 数据源 → 对象 → 字段 组织成树。
+    // getEntityMetaView 返回的 children 是一层 type==='meta' 节点的扁平数组：
+    //   无 linkFlag 的 meta 节点为主对象（其 children 即主对象字段），有 linkFlag 的为关联对象。
+    // 变量规则：主对象字段 token = 字段编号；关联对象字段 token = 关联标识符大写_字段编号。
+    checkParamList () {
+      const source = this.dataSource.find(item => item.isMain) || this.dataSource[0]
+      if (!source || !source.children || !source.children.length) return []
+      // 去掉可能存在的链路前缀（如 ROLE|USER_ID 取 USER_ID）
+      const bare = (v) => String(v == null ? '' : v).split('|').pop()
+      const toField = (f, prefix) => ({
+        code: prefix ? `${prefix}_${bare(f.code)}` : bare(f.code),
+        text: f.text || f.name,
+        type: f.dataType || 'string'
+      })
+      const objects = []
+      source.children.forEach(node => {
+        if (node.type !== 'meta') return
+        const flag = bare(node.linkFlag || node.flag).toUpperCase()
+        // 只取字段叶子（排除嵌套的更深层关联 meta 节点）
+        const leaves = (node.children || []).filter(f => f.type !== 'meta' && bare(f.code))
+        if (!leaves.length) return
+        // type:'object' 让编辑器把对象渲染为可展开的嵌套节点
+        if (flag) {
+          objects.push({ code: flag, text: node.text || node.name, type: 'object', children: leaves.map(f => toField(f, flag)) })
+        } else {
+          // 主对象置于最前
+          objects.unshift({ code: node.code || 'MAIN', text: node.text || node.name, type: 'object', children: leaves.map(f => toField(f, '')) })
+        }
+      })
+      if (!objects.length) return []
+      return [{ code: source.sourceId || source.key, text: source.name, children: objects }]
+    }
+  },
+  watch: {
+    activeCell: {
+      handler: function (v, oldVal) {
+        const { rowIndex, columnIndex, ...props } = v
+        if (this.leftCellWay === 'default') props.leftCell = ''
+        if (this.topCellWay === 'default') props.topCell = ''
+        if (this.relyCellWay === 'default') props.relyCell = ''
+        if (props.cellType && props.cellType === 'expression') {
+          props.m = props.v
+        }
+        luckysheet.setCellValue(rowIndex, columnIndex, props)
+      },
+      deep: true
+    },
+    globalSetting (v) {
+      if (v) {
+        this.$nextTick(() => {
+          this.initTitleEditor()
+          setTimeout(() => {
+            this.initWatermarkEditor()
+          }, 500)
+        })
+      }
+    },
+    'dataSourceInfo.ENTITY': {
+      handler (v) {
+        if (v) {
+          const meta = this.metas[v]
+          if (!meta) {
+            this.$store.dispatch({ // 加回调
+              type: ADD_META,
+              metaId: v
+            })
+              .then(data => {
+                if (data) {
+                  const relations = data.getRelations()
+                  this.getAllFields(relations)
+                }
+              })
+          } else {
+            const relations = meta.getRelations()
+            this.getAllFields(relations)
+          }
+          this.getLinkEntityTree(v)
+        } else {
+          this.linkEntityTree = []
+        }
+      },
+      deep: true
+    },
+    'formData.WATER_MARK_TYPE' (v) {
+      if (v === 'text') {
+        this.$nextTick(() => {
+          this.initWatermarkEditor()
+        })
+      }
+    },
+    searchText (v) {
+      if (this.timer) {
+        this.timer = null
+        clearTimeout(this.timer)
+      }
+      this.timer = setTimeout(() => {
+        this.$refs.fieldTree.filter(this.searchText)
+        clearTimeout(this.timer)
+        this.timer = null
+      }, 200)
+    },
+    showLogField () {
+      this.$nextTick(() => {
+        this.$refs.fieldTree.filter(this.searchText)
+      })
+    },
+    showSubField () {
+      this.$nextTick(() => {
+        this.$refs.fieldTree.filter(this.searchText)
+      })
+    }
+  },
+  methods: {
+    backConfirm () {
+      this.saveContent()
+
+      let changeFlag = this.content !== this.initContent
+      if (this.content && this.initContent) {
+        const content = JSON.parse(this.content)[0]
+        const initContent = JSON.parse(this.initContent)[0]
+        changeFlag = !this.$_.isEqual(content.celldata, initContent.celldata) ||
+          content.row !== initContent.row || content.column !== initContent.column
+      }
+      if (!changeFlag) {
+        for (const key in this.languageContent) {
+          const content = this.languageContent[key] ? JSON.parse(this.languageContent[key])[0].celldata : null
+          const initContent = this.initLanguageContent[key] ? JSON.parse(this.initLanguageContent[key])[0].celldata : null
+          if (!this.$_.isEqual(content, initContent)) {
+            changeFlag = true
+            break
+          }
+        }
+      }
+      if (changeFlag) {
+        this.$confirm('检测到您当前的报表配置还未进行保存操作，点击保存按钮即可执行保存操作', '操作提示', {
+          confirmButtonText: '保存',
+          cancelButtonText: '不保存',
+          type: 'warning'
+        }).then(() => {
+          this.saveExcelData(this.backPage)
+        })
+          .catch(() => {
+            this.backPage()
+          })
+      } else {
+        this.backPage()
+      }
+    },
+    switchLanguage (v) {
+      if (this.currentLanguage === v) return
+      this.$confirm('切换语种后，进入该语种报表内容配置页面，当前页面的配置内容可通过切换再次展示，继续操作请点击确认。', '操作提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.saveContent()
+        this.currentLanguage = v
+        const content = v === this.defaultLanguage ? this.content : this.languageContent[v]
+        const nullSheet = [
+          {
+            name: 'Sheet1',
+            index: 0,
+            order: 0,
+            status: 1,
+            celldata: []
+          }
+        ]
+        luckysheet.destroy()
+        this.createExcel(content ? JSON.parse(content) : nullSheet)
+      })
+    },
+    saveContent () {
+      const sheets = luckysheet.getluckysheetfile()
+      sheets[0].celldata = luckysheet.transToCellData(sheets[0].data)
+      const content = JSON.stringify(sheets)
+      if (!this.currentLanguage || this.currentLanguage === this.defaultLanguage) {
+        this.content = content
+      } else {
+        this.languageContent[this.currentLanguage] = content
+      }
+    },
+    filterNode (value, data) {
+      if (!value) return true
+      return data.text && data.text.indexOf(value) !== -1
+    },
+    $refeshData () {
+      this.createExcel()
+    },
+    getData () {
+      this.$http.get({
+        entityId: 'FM_FORM',
+        id: this.$query.id
+      })
+        .then(data => {
+          this.excelInfo = data.data
+          this.formData = { ...data.data }
+          const defaultValue = {
+            WATER_MARK_TYPE: 'none',
+            WATER_MARK_LEAN: 40,
+            WATER_MARK_DENSITY: '2'
+          }
+          for (const key in defaultValue) {
+            if (!this.formData[key]) {
+              this.formData[key] = defaultValue[key]
+            }
+          }
+          this.oldFormData = { ...this.formData }
+          this.parsePrintCheck()
+          this.content = data.data.CONTENT
+          this.languageContent = data.data.LANGUAGE_PARAM ? data.data.LANGUAGE_PARAM.CONTENT || {} : {}
+          this.initContent = data.data.CONTENT
+          this.initLanguageContent = this.$_.cloneDeep(this.languageContent)
+          this.createExcel()
+        })
+    },
+    getFieldRelation () {
+      this.$http.$post({
+        action: 'getFieldRelation',
+        entityId: 'FM_ATTRIBUTE_RELATION',
+        metaId: this.$metaId
+      })
+        .then(data => {
+          this.fieldRelation = data.field_relation
+        })
+    },
+    getFieldConfigs () {
+      this.$FieldFactory.createFields({
+        meta: this.$meta,
+        metaId: this.$metaId,
+        pageType: 'EDIT',
+        fields: ['PRINT_PAGE_SIZE', 'PRINT_PAGE_DIRECTION', 'LEFT_MARGIN', 'RIGHT_MARGIN', 'TOP_MARGIN', 'BOTTOM_MARGIN', 'IS_PAGE_NUMBER', 'PAGE_NUMBER_FORMAT', 'PAGE_NUMBER_TOP', 'PAGE_NUMBER_START', 'PAGE_NUMBER_ALIGN']
+      })
+        .then(data => {
+          this.fieldsConfigs = [...data]
+        })
+      this.$FieldFactory.createFields({
+        meta: this.$meta,
+        metaId: this.$metaId,
+        pageType: 'EDIT',
+        defaultFieldConfigs: {
+          WATER_MARK_TYPE: {
+            value: 'none'
+          },
+          WATER_MARK_LEAN: {
+            value: 40
+          },
+          WATER_MARK_DENSITY: {
+            value: '2'
+          }
+        },
+        fields: [{ attriName: 'WATER_MARK_TYPE', value: 'none' }, 'WATER_MARK_PICTURE', 'WATER_MARK_PIC_HEIGHT', 'WATER_MARK_PIC_WIDTH', 'WATER_MARK_TEXT', 'WATER_MARK_FONT_SIZE', 'WATER_MARK_FONT_COLOR', 'WATER_MARK_FONT_BLOD', 'WATER_MARK_LEAN', 'WATER_MARK_SPARENCY', 'WATER_MARK_DENSITY']
+      })
+        .then(data => {
+          this.watermarkFieldsConfigs = [...data]
+        })
+      this.$FieldFactory.createFields({
+        meta: this.$meta,
+        metaId: this.$metaId,
+        pageType: 'EDIT',
+        fields: [{ attriName: 'PROCESS', scopeParams: [{ field: 'CATEGORY', values: '1' }] }, 'BUSINESS_KEY']
+      })
+        .then(data => {
+          this.otherFieldsConfigs = [...data]
+        })
+    },
+    excelCoord (row, column) {
+      return this.NumToString(column + 1) + row
+    },
+    async initTitleEditor () {
+      const that = this
+      if (this.titleEditor) this.titleEditor.remove()
+      const editor = this.$refs.titleEditor
+      await this.$util.usePlugin('tinymce')
+      globalThis.tinymce.init({
+        target: editor,
+        height: 80,
+        autoresize_min_height: 80,
+        plugins: 'data',
+        menubar: false,
+        toolbar: false,
+        contextmenu: 'data',
+        language: 'zh_CN',
+        dataSource: this.dataSource,
+        statusbar: false,
+        content_style: 'p {margin: 2px 0}',
+        promotion: false
+      })
+        .then(editors => {
+          this.titleEditor = editors[0]
+          if (this.titleEditor) {
+            const frame = this.titleEditor.iframeElement.contentWindow
+            const editorContainer = frame.document.querySelector('body')
+            editorContainer.ondragover = (e) => {
+              e.preventDefault()
+            }
+            editorContainer.ondrop = (e) => {
+              const type = e.dataTransfer.getData('type')
+              if (type === 'variable' || type === 'process') {
+                const variableCode = e.dataTransfer.getData('variableCode')
+                const variableName = e.dataTransfer.getData('variableName')
+                const span = document.createElement('span')
+                span.contentEditable = 'false'
+                span.setAttribute('data-name', 'variable')
+                span.setAttribute('data-value', variableCode)
+                span.innerHTML = `<label>{${variableName}}</label>`
+                if (e.target.innerHTML === '<br data-mce-bogus="1">') {
+                  e.target.innerHTML = ''
+                }
+                e.target.appendChild(span)
+              } else {
+                const fieldId = e.dataTransfer.getData('fieldId')
+                const sourceName = e.dataTransfer.getData('sourceName') || ''
+                const fieldName = e.dataTransfer.getData('fieldName')
+                if (fieldId) {
+                  const span = document.createElement('span')
+                  span.contentEditable = 'false'
+                  span.setAttribute('data-name', 'datasource')
+                  span.setAttribute('data-datasource', sourceName)
+                  span.setAttribute('data-field', fieldId)
+                  span.innerHTML = `<label>{${sourceName}.${fieldName}}</label>`
+                  if (e.target.innerHTML === '<br data-mce-bogus="1">') {
+                    e.target.innerHTML = ''
+                  }
+                  e.target.appendChild(span)
+                  const value = this.titleEditor.getContent()
+                  that.formData = { ...that.formData, TITLE: value }
+                } else {
+                  return true
+                }
+              }
+            }
+            this.titleEditor.setContent(this.formData.TITLE || '')
+          }
+        })
+    },
+    async initWatermarkEditor () {
+      const that = this
+      const editor = this.$refs.watermarkEditor
+      if (!editor) return
+      if (this.watermarkEditor) this.watermarkEditor.remove()
+      await this.$util.usePlugin('tinymce')
+      globalThis.tinymce.init({
+        target: editor,
+        height: 80,
+        autoresize_min_height: 80,
+        plugins: 'data',
+        menubar: false,
+        toolbar: false,
+        contextmenu: 'data',
+        language: 'zh_CN',
+        dataSource: [...this.dataSource, {
+          type: 'variable',
+          name: '系统变量',
+          children: this.systemVariableList
+        }],
+        statusbar: false,
+        content_style: 'p {margin: 2px 0}',
+        promotion: false
+      })
+        .then(editors => {
+          this.watermarkEditor = editors[0]
+          if (this.watermarkEditor) {
+            const frame = this.titleEditor.iframeElement.contentWindow
+            const editorContainer = frame.document.querySelector('body')
+            editorContainer.ondragover = (e) => {
+              e.preventDefault()
+            }
+            editorContainer.ondrop = (e) => {
+              const type = e.dataTransfer.getData('type')
+              if (type === 'variable' || type === 'process') {
+                const variableCode = e.dataTransfer.getData('variableCode')
+                const variableName = e.dataTransfer.getData('variableName')
+                const span = document.createElement('span')
+                span.contentEditable = 'false'
+                span.setAttribute('data-name', 'variable')
+                span.setAttribute('data-value', variableCode)
+                span.innerHTML = `<label>{${variableName}}</label>`
+                if (e.target.innerHTML === '<br data-mce-bogus="1">') {
+                  e.target.innerHTML = ''
+                }
+                e.target.appendChild(span)
+              } else {
+                const fieldId = e.dataTransfer.getData('fieldId')
+                const sourceName = e.dataTransfer.getData('sourceName') || ''
+                const fieldName = e.dataTransfer.getData('fieldName')
+                if (fieldId) {
+                  const span = document.createElement('span')
+                  span.contentEditable = 'false'
+                  span.setAttribute('data-name', 'datasource')
+                  span.setAttribute('data-datasource', sourceName)
+                  span.setAttribute('data-field', fieldId)
+                  span.innerHTML = `<label>{${sourceName}.${fieldName}}</label>`
+                  if (e.target.innerHTML === '<br data-mce-bogus="1">') {
+                    e.target.innerHTML = ''
+                  }
+                  e.target.appendChild(span)
+                  const value = this.watermarkEditor.getContent()
+                  that.formData = { ...that.formData, WATER_MARK_TEXT: value }
+                } else {
+                  return true
+                }
+              }
+            }
+            this.watermarkEditor.setContent(this.formData.WATER_MARK_TEXT || '')
+          }
+        })
+    },
+    NumToString (i) {
+      var s = 'A B C D E F G H I J K L M N O P Q R S T U V W X Y Z'
+      var sArray = s.split(' ')
+      if (i < 1) return ''
+
+      if (parseInt((i / 26) + '') === 0) return sArray[i % 26 - 1]
+      else {
+        if (i % 26 === 0) return (this.NumToString(parseInt((i / 26) + '') - 1)) + sArray[26 - 1]
+        else return sArray[parseInt((i / 26) + '') - 1] + sArray[i % 26 - 1]
+      }
+    },
+    getDataSource () {
+      const { id } = this.$query
+      this.$http.list({
+        entityId: 'FM_FORM_SOURCE',
+        'scope.FORM': id
+      })
+        .then(async data => {
+          this.dataSource = data.entitys.map(item => ({ key: item.ID, id: item.ENTITY, name: item.NAME, loadRelationEntity: item.LOAD_RELATION_ENTITY, isMain: item.IS_MAIN_SOUCE === '1', root: true, sourceId: item.ID }))
+          for (let index = 0; index < data.entitys.length; index++) {
+            const item = data.entitys[index]
+            // 获取对应的metaId
+            if (item.ENTITY) {
+              if (!this.entityDataMap[item.ID]) {
+                this.$store.dispatch({ type: ADD_META, metaId: item.ENTITY })
+                this.dataSource[index] = { ...this.dataSource[index], load: true }
+                const entityData = await this.getAttribute(item, { id: item.ENTITY, name: item.NAME, root: true, sourceId: item.ID })
+                this.entityDataMap[item.ID] = entityData
+                this.dataSource[index] = { ...this.dataSource[index], children: entityData, load: false }
+              }
+            } else {
+              this.dataSource[index] = { ...this.dataSource[index], children: this.entityDataMap[item.ID] }
+            }
+          }
+        })
+    },
+    getAttribute (item, source) {
+      const { ENTITY, ENTITY_VIEW, LOAD_RELATION_ENTITY } = item
+      return this.$http.get({
+        action: 'getEntityMetaView',
+        entityId: 'FM_ENTITY_VIEW',
+        metaId: ENTITY,
+        metaViewId: ENTITY_VIEW,
+        allSub: LOAD_RELATION_ENTITY !== '0'
+      })
+        .then(data => {
+          if (data[0]) data[0].isMain = true
+          const formatData = (arr) => {
+            arr.forEach(item => {
+              if (item.type === 'folder') item.isMain = true
+              item.field = item.linkCode || item.code
+              item.relationSort = item.relationType
+              if (!item.codeKey) item.codeKey = item.relatedEntity
+              item.id = item.field
+              item.name = item.text
+              item.meta = item.meta ? item.meta.id : ''
+              if (item.type === 'meta' && item.relationType === '1') item.isSub = true
+              if (item.children) formatData(item.children)
+            })
+          }
+          formatData(data)
+          return data
+        })
+    },
+    setFormName () {
+      this.$http.update({
+        entityId: 'FM_FORM',
+        'bean.ID': this.excelInfo.ID,
+        'bean.NAME': this.excelInfo.NAME
+      })
+        .then(() => {
+          this.editName = false
+        })
+        .catch(err => {
+          this.$message.error(err.errorText)
+        })
+    },
+    updateForm () {
+      const params = {}
+      this.syncPrintCheck()
+      this.formData.TITLE = this.titleEditor.getContent()
+      if (this.watermarkEditor) this.formData.WATER_MARK_TEXT = this.watermarkEditor.getContent()
+      for (const key in this.formData) {
+        if (!key.includes('#')) {
+          params[`bean.${key}`] = this.formData[key]
+        }
+      }
+      delete params['bean.CONTENT']
+      this.$http.update({
+        entityId: 'FM_FORM',
+        'bean.ID': this.excelInfo.ID,
+        ...params
+      })
+        .then(() => {
+          this.globalSetting = false
+          this.$message.success('保存成功')
+          this.titleEditor.remove()
+          if (this.oldFormData.PROCESS !== this.formData.PROCESS) {
+            this.getProcessParams()
+          }
+          this.oldFormData = { ...this.formData }
+        })
+        .catch(err => {
+          this.$message.error(err.errorText)
+          this.titleEditor.remove()
+        })
+    },
+    globalSettingCancel () {
+      this.globalSetting = false
+      this.titleEditor.remove()
+    },
+    // 从 formData.PRINT_CHECK 解析出规则列表
+    parsePrintCheck () {
+      const raw = this.formData.PRINT_CHECK
+      let list = []
+      if (raw) {
+        try {
+          const parsed = typeof raw === 'string' ? JSON.parse(raw) : raw
+          if (Array.isArray(parsed)) {
+            list = parsed.map(item => ({
+              name: item.name || '',
+              expression: item.expression || '',
+              errorInfo: item.errorInfo || '',
+              enable: item.enable !== false
+            }))
+          }
+        } catch (e) {
+          list = []
+        }
+      }
+      this.printChecks = list
+    },
+    // 把规则列表同步回 formData.PRINT_CHECK（随全局设置一起保存）
+    syncPrintCheck () {
+      this.formData.PRINT_CHECK = JSON.stringify(this.printChecks)
+    },
+    // 表达式预览：去掉 #{...} 外层包裹
+    exprPreview (expr) {
+      if (!expr) return ''
+      return String(expr).replace(/^#\{([\s\S]*)\}$/, '$1')
+    },
+    // 打开规则表单弹窗（index < 0 为新增）
+    openCheckRule (index) {
+      this.editingCheckIndex = index
+      if (index >= 0) {
+        const r = this.printChecks[index]
+        this.checkRuleForm = { name: r.name, expression: r.expression, errorInfo: r.errorInfo, enable: r.enable }
+      } else {
+        this.checkRuleForm = { name: '自定义校验 ' + (this.printChecks.length + 1), expression: '', errorInfo: '', enable: true }
+      }
+      this.checkRuleDialog = true
+    },
+    // 确定规则表单
+    confirmCheckRule () {
+      const { name, expression } = this.checkRuleForm
+      if (!name || !name.trim()) {
+        this.$message.warning('请输入规则名')
+        return
+      }
+      if (!expression || !expression.trim()) {
+        this.$message.warning('请配置校验表达式')
+        return
+      }
+      const rule = {
+        name: name.trim(),
+        expression: expression.trim(),
+        errorInfo: (this.checkRuleForm.errorInfo || '').trim(),
+        enable: this.checkRuleForm.enable !== false
+      }
+      if (this.editingCheckIndex >= 0) {
+        this.printChecks.splice(this.editingCheckIndex, 1, rule)
+      } else {
+        this.printChecks.push(rule)
+      }
+      this.syncPrintCheck()
+      this.checkRuleDialog = false
+    },
+    // 删除规则
+    deleteCheckRule (index) {
+      this.$confirm('确定删除该校验规则？', '提示', { type: 'warning' })
+        .then(() => {
+          this.printChecks.splice(index, 1)
+          this.syncPrintCheck()
+        })
+        .catch(() => {})
+    },
+    // 打开公式编辑器
+    openFormulaDialog () {
+      this.formulaDialog = true
+    },
+    // 公式编辑器确定回填表达式
+    confirmFormula (payload) {
+      if (payload && payload.el) {
+        this.checkRuleForm.expression = payload.el
+      }
+      this.formulaDialog = false
+    },
+    openAddDataSourceModal () {
+
+    },
+    updateDataSourceInfo (v) {
+      this.dataSourceInfo = { ...this.dataSourceInfo, ...v }
+    },
+    updateFormParam (v) {
+      this.formParam = { ...this.formParam, ...v }
+    },
+    getAllFields (relations) {
+      // const flags = relations.map(item => item.flag)
+      const fields = this.getMetaViewFields(this.dataSourceInfo.ENTITY)
+      if (fields) {
+        this.allFields = fields
+        this.defaultExpandKey = [fields[0].code]
+      } else {
+        this.$store.dispatch({
+          type: 'ADD_META_VIEW_FIELDS',
+          metaId: this.dataSourceInfo.ENTITY
+        })
+          .then((fields) => {
+            this.allFields = fields.filter(item => item.relationType !== '1')
+            this.defaultExpandKey = [fields[0].code]
+          })
+      }
+    },
+    addSortField (field) {
+      if (!field.leaf) return
+      const code = field.linkCode || field.code
+      const sortField = this.sortFields.find(item => item.code === code)
+      if (!sortField) {
+        this.sortFields = [...this.sortFields, { code, text: field.text, sort: 'asc' }]
+      }
+    },
+    addGroupSortField (field) {
+      if (!field.leaf) return
+      const code = field.linkCode || field.code
+      this.groupSortFields = code
+    },
+    changeSort (field) {
+      const sortFieldIndex = this.sortFields.findIndex(item => item.code === field.code)
+      if (sortFieldIndex !== -1) {
+        const sortField = this.sortFields.find(item => item.code === field.code)
+        const sortFields = [...this.sortFields]
+        sortFields.splice(sortFieldIndex, 1, { ...sortField, sort: sortField.sort === 'asc' ? 'desc' : 'asc' })
+        this.sortFields = [...sortFields]
+      }
+    },
+    deleteSort (field) {
+      const sortFieldIndex = this.sortFields.findIndex(item => item.code === field.code)
+      if (sortFieldIndex !== -1) {
+        const sortFields = [...this.sortFields]
+        sortFields.splice(sortFieldIndex, 1)
+        this.sortFields = [...sortFields]
+      }
+    },
+    deleteGroupSort (field) {
+      this.groupSortFields = ''
+    },
+    getLinkEntityTree (mainEntity) {
+      this.$http.$get({
+        entityId: 'FM_ENTITY_RELATION',
+        action: 'getAllEntityRelationTree',
+        mainEntity
+      })
+        .then(data => {
+          this.linkEntityTree = Array.isArray(data) ? data : (data && data.data ? data.data : [])
+        })
+        .catch(() => {
+          this.linkEntityTree = []
+        })
+    },
+    onLinkEntityCheck () {
+      const tree = this.$refs.linkEntityTree
+      if (!tree) return
+      const checked = tree.getCheckedNodes()
+      this.dataSourceInfo.LINK_ENTITY = checked.map(item => item.flag).join(',')
+      this.dataSourceInfo['LINK_ENTITY#'] = checked.map(item => item.title).join(',')
+    },
+    formatSearchParams () {
+      const params = {}
+      this.searchParams.map((item, i) => {
+        if (i < this.searchParams.length - 1) {
+          params[`search.link${i + 1}`] = item.link || 'and'
+        }
+        params[`search.leftBrace${i + 1}`] = item.leftBrace || ''
+        params[`search.field${i + 1}`] = ''
+        params[`search.value${i + 1}`] = item.value
+        if (item.dateType) params[`search.dateType${i + 1}`] = item.dateType
+        params[`search.attriName${i + 1}`] = (item.field || item.attriName).replace('#', '').replace(/\|/g, '.')
+        params[`search.relation${i + 1}`] = item.relation
+        params[`search.realRelation${i + 1}`] = item.relation
+        params[`search.realValue${i + 1}`] = item.realValue || item.value
+        params[`search.rightBrace${i + 1}`] = item.rightBrace || ''
+        params[`search.metaId${i + 1}`] = this.$metaId
+        params[`search.inputMode${i + 1}`] = item.inputMode || ''
+      })
+      params.size = this.searchParams.length
+      return params
+    },
+    dropDataSource (node, current, type, event) {
+      const str = this.showDataSource.reduce((str, item, index) => (str += (item.sourceId) + ':' + index + ','), '')
+      const params = {
+        action: 'moveList',
+        entityId: 'FM_FORM_SOURCE',
+        orderString: str
+      }
+      this.$http.$post(params)
+        .then(data => {})
+    },
+    allowDrop (draggingNode, dropNode, type) {
+      return draggingNode.data.root && dropNode.data.root && type !== 'inner'
+    },
+    submitDataSource () {
+      const { id } = this.$query
+      const { ENTITY, ENTITY_VIEW, LINK_ENTITY, NAME, SORT, GROUP_ORDER_FIELD, IS_MAIN_SOUCE, SUB_SOURCE, DATA_SCOPE, LOAD_RELATION_ENTITY } = this.dataSourceInfo
+      this.$http.save({
+        action: this.editDataSourceId ? 'update' : 'save',
+        entityId: 'FM_FORM_SOURCE',
+        'bean.ID': this.editDataSourceId ? this.editDataSourceId : '',
+        'bean.FORM': id || '',
+        'bean.ENTITY': ENTITY || '',
+        'bean.ENTITY_VIEW': ENTITY_VIEW || '',
+        'bean.LINK_ENTITY': LINK_ENTITY || '',
+        'bean.NAME': NAME || '',
+        'bean.SORT': SORT || '',
+        'bean.GROUP_ORDER_FIELD': GROUP_ORDER_FIELD || '',
+        'bean.SUB_SOURCE': SUB_SOURCE || '',
+        'bean.DATA_SCOPE': DATA_SCOPE || '',
+        'bean.IS_MAIN_SOUCE': IS_MAIN_SOUCE || '0',
+        'bean.LOAD_RELATION_ENTITY': LOAD_RELATION_ENTITY || '1',
+        'bean.CLIENT': this.excelInfo.CLIENT,
+        'bean.SYSTEM': this.excelInfo.SYSTEM
+      })
+        .then((data) => {
+          this.dataSourceModal = false
+          this.searchParams = []
+          this.dataSourceInfo = {}
+          const sourceId = this.editDataSourceId || data
+          let index = -1
+          if (!this.editDataSourceId) {
+            this.dataSource.push({ key: data, id: ENTITY, name: NAME, loadRelationEntity: LOAD_RELATION_ENTITY, root: true, sourceId: data })
+            index = this.dataSource.length - 1
+          } else {
+            index = this.dataSource.findIndex(item => item.sourceId === this.editDataSourceId)
+            if (index !== -1) {
+              if (NAME !== this.dataSource[index].name) {
+                this.dataSource.splice(index, 1, { ...this.dataSource[index], name: NAME })
+              }
+              if (LOAD_RELATION_ENTITY !== this.dataSource[index].loadRelationEntity) {
+                this.getAttribute({ ENTITY, ENTITY_VIEW, LOAD_RELATION_ENTITY })
+                  .then(entityData => {
+                    this.entityDataMap[sourceId] = entityData
+                    this.dataSource[index] = { ...this.dataSource[index], loadRelationEntity: LOAD_RELATION_ENTITY, children: entityData }
+                  })
+              }
+            }
+          }
+          if (ENTITY) {
+            if (!this.entityDataMap[sourceId]) {
+              this.$store.dispatch({ type: ADD_META, metaId: ENTITY })
+              this.getAttribute({ ENTITY, ENTITY_VIEW, LOAD_RELATION_ENTITY })
+                .then(entityData => {
+                  this.entityDataMap[sourceId] = entityData
+                  this.dataSource[index] = { ...this.dataSource[index], children: entityData }
+                })
+            }
+          }
+          this.editDataSourceId = ''
+        })
+        .catch(err => {
+          this.$message.error(err.message)
+        })
+    },
+    clickDataSource (data) {
+      if (data.root) {
+        this.editDataSourceId = data.sourceId
+      }
+    },
+    addDataSource () {
+      this.editDataSourceId = ''
+      this.searchParams = []
+      this.dataSourceInfo = {}
+      this.fields = []
+      this.dataSourceModal = true
+    },
+    editDataSource (data) {
+      this.$http.get({
+        entityId: 'FM_FORM_SOURCE',
+        id: this.editDataSourceId
+      })
+        .then(data => {
+          if (data && data.data) {
+            this.dataSourceInfo = { ...data.data }
+          }
+          this.dataSourceModal = true
+        })
+        .catch(() => {
+          this.dataSourceModal = true
+        })
+      // this.dataSourceModal = this.editDataSourceId
+    },
+    deleteDataSource () {
+      if (!this.editDataSourceId) {
+        this.$message.error('请选择要删除的数据源')
+        return
+      }
+      this.$http.removeMulti({
+        entityId: 'FM_FORM_SOURCE',
+        ids: this.editDataSourceId
+      })
+        .then(data => {
+          if (data !== false) {
+            this.$message.success('删除成功')
+            const index = this.dataSource.findIndex(item => item.sourceId === this.editDataSourceId)
+            if (index !== -1) {
+              this.dataSource.splice(index, 1)
+            }
+          } else {
+            this.$message.err('删除失败')
+          }
+        })
+    },
+    getFormParams () {
+      const { id } = this.$query
+      this.$http.list({
+        entityId: 'FM_FORM_PARAM',
+        'scope.FORM': id
+      })
+        .then(data => {
+          this.formParams = [...data.entitys]
+        })
+      if (this.systemVariableList.length === 0) {
+        this.$store.dispatch('GET_SYSTEM_VARIABLE')
+      }
+      this.getProcessParams()
+    },
+    getProcessParams () {
+      const { id } = this.$query
+      this.$http.list({
+        action: 'getProcessParam',
+        entityId: 'FM_FORM',
+        id: id
+      })
+        .then(data => {
+          this.processParams = data.map(item => {
+            if (item.childrens) item.children = item.childrens
+            delete item.childrens
+            return item
+          })
+        })
+    },
+    saveFormParam () {
+      const { id } = this.$query
+      const { CODE, NAME } = this.formParam
+      this.$http.save({
+        action: this.editFormParamId ? 'update' : 'save',
+        entityId: 'FM_FORM_PARAM',
+        'bean.ID': this.editFormParamId ? this.editFormParamId : '',
+        'bean.FORM': id,
+        'bean.CODE': CODE,
+        'bean.CLIENT': this.excelInfo.CLIENT,
+        'bean.SYSTEM': this.excelInfo.SYSTEM,
+        'bean.NAME': NAME
+      })
+        .then(() => {
+          this.formParamModal = false
+          this.editFormParamId = ''
+          this.formParam = {}
+          this.getFormParams()
+        })
+        .catch(err => {
+          this.$message.error(err.message || err.msg || '处理失败')
+        })
+    },
+    addFormParam () {
+      this.editFormParamId = ''
+      this.formParam = {}
+      this.formParamModal = true
+    },
+    editFormParam (param) {
+      this.editFormParamId = param.ID
+      this.formParamModal = true
+      this.formParam = { ...param }
+    },
+    deleteFormParam (param) {
+      this.$http.removeMulti({
+        entityId: 'FM_FORM_PARAM',
+        ids: param.ID
+      }).then(data => {
+        this.$message.success('删除成功')
+        this.getFormParams()
+      })
+    },
+    drag (e, data, node) {
+      if (node.parent) {
+        let parent = node.parent
+        let nodeText = ''
+        while (parent.parent && parent.data.root !== true) {
+          if (!parent.data.isMain) {
+            nodeText = parent.data.text + '.' + nodeText
+          }
+          parent = parent.parent
+        }
+        const field = {
+          sourceId: parent.data.id,
+          sourceName: parent.data.name,
+          fieldId: node.data.id,
+          fieldName: nodeText ? nodeText + node.data.text : node.data.text
+        }
+        for (const key in field) {
+          e.dataTransfer.setData(key, field[key])
+          e.dataTransfer.dropEffect = 'copy'
+          e.dataTransfer.effectAllowed = 'copy'
+        }
+        this.dragField = field
+      }
+    },
+    dragDataSource (node, e) {
+      if (node.data.root || node.data.type === 'meta') return
+      if (node.parent) {
+        let parent = node.parent
+        let nodeText = ''
+        while (parent.parent && parent.data.root !== true) {
+          if (!parent.data.isMain) {
+            nodeText = parent.data.text + '.' + nodeText
+          }
+          parent = parent.parent
+        }
+        const field = {
+          sourceId: parent.data.id,
+          sourceName: parent.data.name,
+          fieldId: node.data.id,
+          fieldName: nodeText ? nodeText + node.data.text : node.data.text
+        }
+        for (const key in field) {
+          e.dataTransfer.setData(key, field[key])
+          e.dataTransfer.dropEffect = 'copy'
+          e.dataTransfer.effectAllowed = 'copy'
+        }
+        this.dragField = field
+      }
+    },
+    dragVariableFn (e, data, node) {
+      e.dataTransfer.setData('type', data.type)
+      e.dataTransfer.setData('variableName', data.name)
+      e.dataTransfer.setData('variableCode', data.code)
+      e.dataTransfer.dropEffect = 'copy'
+      e.dataTransfer.effectAllowed = 'copy'
+      this.dragVariable = {
+        value: data.value,
+        name: data.name
+      }
+    },
+    dragProcessParamFn (e, data, node) {
+      e.dataTransfer.setData('type', data.type)
+      e.dataTransfer.setData('variableName', data.name)
+      e.dataTransfer.setData('variableCode', data.code)
+      e.dataTransfer.dropEffect = 'copy'
+      e.dataTransfer.effectAllowed = 'copy'
+      this.dragProcessParam = {
+        value: data.value,
+        name: data.name
+      }
+    },
+    async createExcel (content) {
+      const that = this
+      const { CONTENT } = this.excelInfo
+      let data = null
+      if (CONTENT) {
+        data = JSON.parse(CONTENT)
+      }
+      const { FORM_EXTEND_FONTS = '' } = this.clientConfig
+      await this.$util.usePlugin('luckysheet')
+      const fontList = [
+        {
+          fontName: '方正小标宋简体'
+        }
+      ]
+      if (FORM_EXTEND_FONTS) {
+        fontList.push(...FORM_EXTEND_FONTS.split(';').map(item => ({
+          fontName: item
+        })))
+      }
+      // 加载luckysheet
+      luckysheet.create({
+        container: 'luckysheetEl', // 设定DOM容器的id
+        title: 'Luckysheet Demo', // 设定表格名称
+        lang: 'zh', // 设定表格语言
+        plugins: ['chart'],
+        data: content !== undefined ? content : data,
+        // sheet 自身未记录行列数时（如新建报表）使用当前设置的行列数
+        row: this.gridSize.row,
+        column: this.gridSize.column,
+        showsheetbar: false,
+        fontList: fontList,
+        hook: {
+          cellMousedown: function (cell, position, sheetFile, ctx) {
+            if (cell && cell.leftCell) {
+              that.leftCellWay = 'custom'
+            } else {
+              that.leftCellWay = 'default'
+            }
+            if (cell && cell.topCell) {
+              that.topCellWay = 'custom'
+            } else {
+              that.topCellWay = 'default'
+            }
+            if (cell && cell.relyCell) {
+              that.relyCellWay = 'custom'
+            } else {
+              that.relyCellWay = 'default'
+            }
+            const { r, c } = position
+            that.activeCell = { rowIndex: r, columnIndex: c, wrapCompute: '1', heightAuto: '1', ...(cell || {}) }
+            that.globalSetting = false
+          },
+          cellDragStop: function (cell, position, sheetFile, ctx) {
+            const { r, c } = position
+            if (that.dragField) {
+              const { sourceName, fieldName, sourceId, fieldId } = that.dragField
+              luckysheet.setCellValue(r, c, { v: `{${sourceName}.${fieldName}}`, cellType: 'dataset', dataSource: sourceId, field: fieldId, aggregate: 'select', expand: 'Down' })
+              that.dragField = null
+            } else if (that.dragVariable) {
+              const { name, value } = that.dragVariable
+              luckysheet.setCellValue(r, c, { v: `{${name}}`, cellType: 'system-variable', variable: value })
+              that.dragVariable = null
+            } else if (that.dragProcessParam) {
+              const { name, value } = that.dragProcessParam
+              luckysheet.setCellValue(r, c, { v: `{${name}}`, cellType: 'process-variable', variable: value })
+              that.dragProcessParam = null
+            }
+          },
+          cellEditBefore: function (range, position, sheetFile, ctx) {
+            const selects = luckysheet.getRangeValuesWithFlatte()
+            const cell = selects[0]
+            if (cell && (cell.cellType === 'dataset' || cell.cellType === 'system-variable')) {
+              that.$message.warning(cell.cellType === 'system-variable' ? '系统变量不允许编辑' : '数据源不允许编辑')
+              const functionInput = document.querySelectorAll('.luckysheet-functionbox-cell-input')
+              const cellInput = document.querySelectorAll('.luckysheet-cell-input')
+              const inputList = [...functionInput, ...cellInput]
+              const timer = setTimeout(() => {
+                inputList.map(input => input.blur())
+                clearTimeout(timer)
+              }, 80)
+            }
+            return false
+          },
+          cellUpdated (v) {
+            // luckysheet.setCellValue(r, c, { v: `{${sourceName}.${fieldName}}`, dataSource: sourceId, field: fieldId, cellType: 'dataset' })
+          },
+          updated (operate) {
+            if (operate.type === 'delRC' || operate.type === 'deleteCell' || operate.type === 'addRC') {
+              const sheet = luckysheet.getSheet()
+              const { data } = sheet
+              const celldata = luckysheet.transToCellData(data)
+              const updateRelyCell = (cell, prop) => {
+                const relyCell = cell.v[prop]
+                if (!relyCell || !relyCell.match(/\d+/g)) return
+                const row = Number(relyCell.match(/\d+/g)[0])
+                const columnName = relyCell.match(/[A-Z]+/g)[0]
+                const column = letterToNumber(columnName)
+                if (operate.type === 'delRC') {
+                  const { rc, index } = operate.ctrlValue
+                  if (rc === 'r') {
+                    // 删除行
+                    if (row >= index + 1) {
+                      luckysheet.setCellValue(cell.r, cell.c, { [prop]: row === index + 1 ? '' : `${columnName}${row - 1}` })
+                    }
+                  } else if (operate.ctrlValue.rc === 'c') {
+                    // 删除列
+                    if (column >= index) {
+                      luckysheet.setCellValue(cell.r, cell.c, { [prop]: column === index ? '' : `${NumberToLetter(column - 1)}${row}` })
+                    }
+                  }
+                } else if (operate.type === 'deleteCell') {
+                  const { type, stc, str, edc, edr } = operate.ctrl
+                  if (row >= str + 1 && row <= edr + 1 && column >= stc && column <= edc) {
+                    if (column >= stc && column <= edc) {
+                      luckysheet.setCellValue(cell.r, cell.c, { [prop]: '' })
+                    }
+                  } else if (column > edc && row >= str + 1 && row <= edr + 1 && type === 'moveLeft') {
+                    const newColumn = column - 1 - (edc - stc)
+                    luckysheet.setCellValue(cell.r, cell.c, { [prop]: `${NumberToLetter(newColumn)}${row}` })
+                  } else if (row > edr + 1 && column >= stc && column <= edc && type === 'moveUp') {
+                    const newRow = row - 1 - (edr - str)
+                    luckysheet.setCellValue(cell.r, cell.c, { [prop]: `${columnName}${newRow}` })
+                  }
+                } else if (operate.type === 'addRC') {
+                  const { index, len, direction, rc } = operate.ctrlValue
+                  if (rc === 'c') {
+                    if (column > index || (column === index && direction === 'lefttop')) {
+                      const newColumn = column + len
+                      luckysheet.setCellValue(cell.r, cell.c, { [prop]: `${NumberToLetter(newColumn)}${row}` })
+                    }
+                  } else if (rc === 'r') {
+                    if (row > index + 1 || (row === index + 1 && direction === 'lefttop')) {
+                      const newRow = row + len
+                      luckysheet.setCellValue(cell.r, cell.c, { [prop]: `${columnName}${newRow}` })
+                    }
+                  }
+                }
+              }
+              for (const cell of celldata) {
+                if (cell.v?.leftCell) {
+                  updateRelyCell(cell, 'leftCell')
+                }
+                if (cell.v?.topCell) {
+                  updateRelyCell(cell, 'topCell')
+                }
+              }
+              // 右键插入/删除行列后同步行列数
+              that.syncGridSize()
+            }
+          }
+        }
+
+      })
+      const luckysheetCell = document.getElementsByClassName('luckysheet-cell-flow-col')[0]
+      for (let i = 0; i < 10; i++) {
+        const hr = document.createElement('hr')
+        hr.style = `width:100% ;height: 0px;border-top: 1px dashed rgb(153, 153, 153);position: absolute;left: 0;top: ${(i + 1) * 840.51}pt;z-index: 10;`
+        luckysheetCell.appendChild(hr)
+      }
+      this.syncGridSize()
+    },
+    // 从 luckysheet 读取当前 sheet 的行列数
+    syncGridSize () {
+      let sheet = null
+      try {
+        sheet = typeof luckysheet === 'undefined' ? null : luckysheet.getSheet()
+      } catch (e) {
+        sheet = null
+      }
+      if (!sheet) return
+      // 右键插入行列时 luckysheet 只扩 data 不改 sheet.row/column，实际尺寸以 data 为准
+      const data = sheet.data
+      this.gridSize = {
+        row: data && data.length ? data.length : (sheet.row || DEFAULT_ROW_NUM),
+        column: data && data.length && data[0] ? data[0].length : (sheet.column || DEFAULT_COLUMN_NUM)
+      }
+    },
+    // 统计已使用到的最大行列（含合并单元格、自定义行高列宽），避免缩小行列时丢配置
+    getUsedGridSize (sheet, celldata) {
+      let row = 1
+      let column = 1
+      celldata.forEach(cell => {
+        if (cell.v === null || cell.v === undefined) return
+        row = Math.max(row, cell.r + 1)
+        column = Math.max(column, cell.c + 1)
+      })
+      const config = sheet.config || {}
+      const merge = config.merge || {}
+      for (const key in merge) {
+        const { r, c, rs = 1, cs = 1 } = merge[key]
+        row = Math.max(row, r + rs)
+        column = Math.max(column, c + cs)
+      }
+      for (const key in (config.rowlen || {})) {
+        row = Math.max(row, Number(key) + 1)
+      }
+      for (const key in (config.columnlen || {})) {
+        column = Math.max(column, Number(key) + 1)
+      }
+      return { row, column }
+    },
+    // 右侧「+ 列」：在表格末尾追加列
+    async addColumns () {
+      const num = Number(this.addColumnNum)
+      if (!num || num < 1) {
+        this.$message.warning('请输入要添加的列数')
+        return
+      }
+      const column = this.gridSize.column + num
+      if (column > MAX_COLUMN_NUM) {
+        this.$message.warning(`最多支持 ${MAX_COLUMN_NUM} 列，当前 ${this.gridSize.column} 列`)
+        return
+      }
+      this.addColumnVisible = false
+      const ok = await this.resizeGrid(this.gridSize.row, column)
+      if (ok) {
+        this.$message.success(`已添加 ${num} 列，当前共 ${column} 列（末列 ${this.NumToString(column)}），点击右上角「保存」生效`)
+      }
+    },
+    // 按新行列数重建整表，成功返回 true
+    async resizeGrid (row, column) {
+      if (!row || !column || row < 1 || column < 1 || row > MAX_ROW_NUM || column > MAX_COLUMN_NUM) {
+        this.$message.warning(`行数取值 1~${MAX_ROW_NUM}，列数取值 1~${MAX_COLUMN_NUM}`)
+        return false
+      }
+      const sheets = luckysheet.getluckysheetfile()
+      // 用 celldata 重建，data 是旧尺寸的二维数组，必须丢弃
+      const content = sheets.map(item => {
+        const { data, ...props } = item
+        return { ...props, celldata: data ? luckysheet.transToCellData(data) : (item.celldata || []) }
+      })
+      const used = this.getUsedGridSize(sheets[0], content[0].celldata)
+      if (row < used.row || column < used.column) {
+        this.$message.warning(`当前表格已使用到第 ${used.row} 行、${this.NumToString(used.column)} 列，行列数不能小于该范围`)
+        return false
+      }
+      content[0].row = row
+      content[0].column = column
+      // 先脱离 luckysheet 内部引用再销毁
+      const newContent = JSON.parse(JSON.stringify(content))
+      this.gridSize = { row, column }
+      luckysheet.destroy()
+      await this.createExcel(newContent)
+      this.saveContent()
+      return true
+    },
+    deleteCell (evt) {
+      console.log(evt)
+    },
+    importExcel (props) {
+      const file = props.file || props
+      this.isImportExcel = true
+      this.$http.$post({
+        action: 'upload',
+        file
+      }, {
+        requestType: 'formData'
+
+      })
+        .then(data => {
+          if (data) {
+            if (data.bean) {
+              this.getExcelDataByFile(data.bean)
+            } else if (data.fileCheck) {
+              this.$message.error(data.fileCheck.checkResult)
+              this.isImportExcel = false
+            }
+          }
+        })
+        .catch(err => {
+          this.$message.error(err.message)
+          this.isImportExcel = false
+        })
+    },
+    getExcelDataByFile (fileId) {
+      this.$http.save({
+        action: 'importExcel',
+        entityId: 'FM_FORM',
+        fileId
+      })
+        .then(data => {
+          const sheets = JSON.parse(data) || []
+          const { celldata } = sheets[0] || {}
+          sheets[0].data = luckysheet.transToData(celldata)
+          luckysheet.destroy()
+          this.createExcel(sheets)
+          this.isImportExcel = false
+        })
+        .catch(err => {
+          this.$message.error(err.message)
+          this.isImportExcel = false
+        })
+    },
+    saveExcelData (cb) {
+      this.saveContent()
+      this.$http.update({
+        entityId: 'FM_FORM',
+        'bean.ID': this.$query.id,
+        'bean.CONTENT': this.content,
+        'bean.LANGUAGE_PARAM': {
+          CONTENT: this.languageContent
+        }
+      })
+        .then(data => {
+          this.$message.success('保存成功')
+          this.initContent = this.content
+          this.initLanguageContent = this.$_.cloneDeep(this.languageContent)
+          cb && cb()
+        })
+    },
+    preview () {
+      this.showFormParamsDialog = false
+      this.$createPage({
+        component: 'excel-preview-page',
+        name: this.excelInfo.NAME,
+        code: this.excelInfo.CODE,
+        params: this.previewParams
+      })
+    },
+    defaultLeftCell () {
+      this.activeCell.leftCell = ''
+    },
+    defaultTopCell () {
+      this.activeCell.topCell = ''
+    },
+    defaultRelyCell () {
+      this.activeCell.relyCell = ''
+    },
+    addFilterCondition () {
+      this.showFilterConditionDialog = true
+    },
+    editFilterCondition (item, index) {
+      this.filterConditionForm = { ...item }
+      this.editFilterConditionIndex = index
+      this.showFilterConditionDialog = true
+    },
+    deleteFilterCondition (index) {
+      const { filterCondition } = this.activeCell
+      filterCondition.splice(index, 1)
+      this.activeCell[index] = filterCondition
+    },
+    saveFilterCondition () {
+      let { filterCondition } = this.activeCell
+      if (!filterCondition) filterCondition = []
+      if (!this.filterConditionForm.propertyId) {
+        this.$message.error('请填写属性id')
+        return
+      }
+      if (!this.filterConditionForm.op) {
+        this.$message.error('请填写操作符')
+        return
+      }
+      if (!this.filterConditionForm.condition) {
+        this.$message.error('请填写值表达式')
+        return
+      }
+      const item = this.objectFieldList.find(item => item.code === this.filterConditionForm.propertyId) || {
+        text: this.filterConditionForm.propertyId
+      }
+      const condition = { ...this.filterConditionForm, propertyName: item.text, text: `${(this.editFilterConditionIndex > 0 || filterCondition.length > 0) ? this.getConditionOpText(this.filterConditionForm.join) || '' : ''} ${item.text} ${this.getConditionOpText(this.filterConditionForm.op)} ${this.filterConditionForm.condition}` }
+      if (this.editFilterConditionIndex !== null) {
+        filterCondition.splice(this.editFilterConditionIndex, 1, condition)
+        this.editFilterConditionIndex = null
+      } else {
+        filterCondition.push(condition)
+      }
+      this.activeCell.filterCondition = filterCondition
+      this.showFilterConditionDialog = false
+      this.filterConditionForm = {}
+    },
+    addConditionPropertyItem () {
+      this.currentConditionPropertyItem = {}
+      this.showConditionPropertyItemDialog = true
+      const { conditionPropertyItems } = this.activeCell
+      if (conditionPropertyItems && conditionPropertyItems.length) {
+        this.conditionPropertyItems = conditionPropertyItems
+        this.currentConditionPropertyItem = conditionPropertyItems[0]
+      }
+    },
+    saveConditionPropertyItemName () {
+      let { conditionPropertyItems } = this.activeCell
+      if (!conditionPropertyItems) conditionPropertyItems = []
+      if (!this.conditionPropertyItemNameForm.name) {
+        this.$message.error('请输入条件项名称')
+        return
+      }
+      let item = null
+      if (this.conditionPropertyItemNameForm.uid) {
+        item = this.conditionPropertyItems.find(i => i.uid === this.conditionPropertyItemNameForm.uid)
+        item.name = this.conditionPropertyItemNameForm.name
+      } else {
+        const guid = new Date().getTime().toString(32)
+        item = {
+          uid: guid,
+          name: this.conditionPropertyItemNameForm.name,
+          conditions: [],
+          cellStyle: {},
+          newValueFlag: false,
+          newValue: ''
+        }
+        this.conditionPropertyItems.push(item)
+      }
+      this.activeCell.conditionPropertyItems = this.conditionPropertyItems
+      this.showConditionPropertyItemNameDialog = false
+      this.conditionPropertyItemNameForm = {}
+      this.currentConditionPropertyItem = item
+    },
+    saveConditionPropertyItemCondition () {
+      if (!this.conditionPropertyItemConditionForm.type) {
+        this.$message.error('请选择条件左值')
+        return
+      }
+      if (!this.conditionPropertyItemConditionForm.op) {
+        this.$message.error('请选择操作符')
+        return
+      }
+      if (!this.conditionPropertyItemConditionForm.condition) {
+        this.$message.error('请输入值表达式')
+        return
+      }
+      if (this.conditionPropertyItemConditionForm.uid) {
+        const c = this.currentConditionPropertyItem.conditions.find(i => i.uid === this.conditionPropertyItemConditionForm.uid)
+        c.type = this.conditionPropertyItemConditionForm.type
+        c.op = this.conditionPropertyItemConditionForm.op
+        c.join = this.conditionPropertyItemConditionForm.join
+        c.condition = this.conditionPropertyItemConditionForm.condition
+        c.left = this.conditionPropertyItemConditionForm.left
+      } else {
+        const guid = new Date().getTime().toString(32)
+        const item = {
+          uid: guid,
+          type: this.conditionPropertyItemConditionForm.type,
+          op: this.conditionPropertyItemConditionForm.op,
+          join: this.conditionPropertyItemConditionForm.join,
+          condition: this.conditionPropertyItemConditionForm.condition,
+          left: this.conditionPropertyItemConditionForm.left
+        }
+        if (!this.currentConditionPropertyItem.conditions) this.currentConditionPropertyItem.conditions = []
+        this.currentConditionPropertyItem.conditions.push(item)
+      }
+      this.activeCell.conditionPropertyItems = this.conditionPropertyItems
+      this.showConditionPropertyItemConditionDialog = false
+      this.conditionPropertyItemConditionForm = {}
+    },
+    saveConditionPropertyItem () {
+      this.activeCell.conditionPropertyItems = this.conditionPropertyItems
+      this.showConditionPropertyItemDialog = false
+      this.currentConditionPropertyItem = {}
+      this.conditionPropertyItems = []
+    },
+    clickConditionPropertyItem (item) {
+      this.currentConditionPropertyItem = item
+    },
+    deleteConditionPropertyItem (item) {
+      const { conditionPropertyItems } = this.activeCell
+      this.conditionPropertyItems = conditionPropertyItems.filter(i => i.uid !== item.uid)
+      this.activeCell.conditionPropertyItems = this.conditionPropertyItems
+      this.currentConditionPropertyItem = {}
+    },
+    editConditionPropertyItem () {
+      this.conditionPropertyItemNameForm = { ...this.currentConditionPropertyItem }
+      this.showConditionPropertyItemNameDialog = true
+    },
+    deleteConditionPropertyCondition (item) {
+      this.currentConditionPropertyItem.conditions = this.currentConditionPropertyItem.conditions.filter(i => i.uid !== item.uid)
+    },
+    editConditionPropertyCondition (item) {
+      this.conditionPropertyItemConditionForm = { ...item }
+      this.conditionPropertyItemConditionForm.index = this.currentConditionPropertyItem.conditions.indexOf(item)
+      this.showConditionPropertyItemConditionDialog = true
+    },
+    getConditionOpText (p) {
+      let text = ''
+      switch (p) {
+        case '==':
+          text = '等于'
+          break
+        case '>':
+          text = '大于'
+          break
+        case '>=':
+          text = '大于等于'
+          break
+        case '<':
+          text = '小于'
+          break
+        case '<=':
+          text = '小于等于'
+          break
+        case '!=':
+          text = '不等于'
+          break
+        case 'in':
+          text = '在集合中'
+          break
+        case 'not in':
+          text = '不在集合中'
+          break
+        case 'like':
+          text = '相似'
+          break
+        case 'not like':
+          text = '不相似'
+          break
+        case 'and':
+          text = '并且'
+          break
+        case 'or':
+          text = '或者'
+          break
+      }
+      return text
+    }
+  },
+  mounted () {
+    this.$refs.luckysheet.setAttribute('id', 'luckysheetEl')
+    this.getData()
+  },
+  created () {
+    this.currentLanguage = this.defaultLanguage
+    if (this.showMenu) {
+      this.changeMenuFlag = true
+      this.$store.commit('SWITCH_MENU_SHOW', false)
+    }
+    if (this.showAppNav) {
+      this.changeAppNavFlag = true
+      this.$store.commit('SWITCH_APP_NAV_SHOW', false)
+    }
+    this.getDataSource()
+    this.getFormParams()
+    this.getFieldRelation()
+    this.getFieldConfigs()
+  },
+  beforeUnmount () {
+    if (this.changeMenuFlag) {
+      this.$store.commit('SWITCH_MENU_SHOW', true)
+    }
+    if (this.changeAppNavFlag) {
+      this.$store.commit('SWITCH_APP_NAV_SHOW', true)
+    }
+    // 移除luckysheet
+    this.$refs.luckysheet.removeAttribute('id')
+    const morebtn = document.getElementById('luckysheet-icon-morebtn-div')
+    if (morebtn) {
+      morebtn.style = 'none'
+    }
+    luckysheet.destroy()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+}
+.report-header {
+  height: 56px;
+  background: var(--epx-bg-card);
+  padding: 0 20px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid var(--epx-border);
+}
+.report-title {
+  display: flex;
+}
+.report-back {
+  font-size: var(--epx-font-size-xl);
+  cursor: pointer;
+  position: relative;
+  top: 1px;
+}
+
+.report-name {
+  color: var(--epx-text);
+  font-size: var(--epx-font-size-l);
+  margin: 0 12px 0 6px;
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  i {
+    font-size: 18px;
+    color: #444;
+    cursor: pointer;
+    margin-left: 8px;
+  }
+}
+.report-operate {
+  display: flex;
+}
+.import-btn {
+  margin-right: 10px;
+}
+.content {
+  width: 100%;
+  height: calc(100% - 59px);
+  display: flex;
+}
+.data-source {
+  width: 240px;
+  margin-right: 16px;
+  flex-shrink: 0;
+  height: 100%;
+
+    :deep(.el-tabs) {
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+    }
+    :deep(.el-tabs__content) {
+      flex: 1;
+      overflow: hidden;
+    }
+    :deep(.el-tab-pane) {
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+    }
+
+}
+.data-source-modal-header {
+  font-size: var(--epx-font-size-l);
+  font-weight: 600;
+}
+.data-souce-modal-content__base {
+  padding-left: 16px;
+}
+.data-source__scope {
+  padding: 16px;
+}
+.data-source-tree {
+  margin-top: 16px;
+  flex: 1;
+  overflow: auto;
+}
+.form-item {
+  display: flex;
+  align-items: center;
+  margin: 12px 0;
+  label {
+    width: 100px;
+    flex-shrink: 0;
+  }
+
+    :deep(.el-input__suffix) {
+      line-height:36px;
+    }
+
+}
+.link-entity-trigger {
+  width: 220px;
+  .el-input {
+    width: 100%;
+  }
+}
+.link-entity-tree {
+  max-height: 320px;
+  overflow: auto;
+}
+.link-entity-empty {
+  padding: 8px;
+  color: #909399;
+  text-align: center;
+}
+.sort-field {
+  padding-left: 16px;
+  line-height: 50px;
+  .active {
+    @include font_color_primary;
+  }
+  .sort-icon {
+    font-size: var(--epx-font-size-l);
+  }
+  .el-icon-sort-down {
+    position: relative;
+    right: -9px;
+    cursor: pointer;
+  }
+  .el-icon-close {
+    float: right;
+    cursor: pointer;
+    line-height: 50px;
+    font-size: 18px;
+    &:hover {
+      @include font_color_primary;
+    }
+  }
+}
+.sort-opera {
+  cursor: pointer;
+  @include font_color_primary;
+  margin-left: 16px;
+  padding: 24px 0;
+}
+.sheet-area {
+  position: relative;
+  width: calc(100% - 600px);
+  height: 100%;
+}
+.luckysheet-container {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+
+    :deep(.luckysheet_info_detail) {
+      display: none !important;
+    }
+
+}
+// 悬浮在表格右侧的加列入口
+.add-column {
+  position: absolute;
+  // 让开 luckysheet 的纵向滚动条
+  right: 18px;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 1000;
+  width: 28px;
+  padding: 10px 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 3px;
+  cursor: pointer;
+  background: var(--epx-bg-card);
+  border: 1px solid var(--epx-border);
+  border-radius: var(--epx-radius-base);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
+  color: var(--color-text-secondary);
+  font-size: var(--epx-font-size-s);
+  user-select: none;
+  transition: color .2s, border-color .2s, box-shadow .2s;
+  i {
+    font-size: 14px;
+  }
+  &:hover {
+    @include font_color_primary;
+    @include border_color_primary;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
+  }
+  &__text {
+    line-height: 1;
+  }
+  &__pop {
+    display: flex;
+    align-items: center;
+    .el-input-number {
+      width: 90px;
+      margin: 0 6px;
+    }
+  }
+  &__pop-text {
+    font-size: var(--epx-font-size-s);
+    color: var(--color-text-primary);
+  }
+}
+.attribute-pane {
+  width: 360px;
+  height: 100%;
+  background: var(--epx-bg-card);
+}
+.attribute-pane__header {
+  padding: 16px;
+  border-bottom: 1px solid var(--epx-border);
+  > span {
+    padding-left: 8px;
+    border-left: 4px solid;
+    @include border_color_primary;
+    line-height: 20px;
+    font-size: var(--epx-font-size-l);
+    color: var(--epx-text);
+  }
+}
+.attribute-pane__content {
+  padding: 0 10px;
+  height: calc(100% - 54px);
+  overflow: auto;
+}
+
+.attribute-item {
+  display: flex;
+  padding: 6px 0;
+  > label {
+    padding: 6px 0;
+    display: inline-block;
+    width: 84px;
+    margin-right: 14px;
+    line-height: 24px;
+    color: #444;
+    flex-shrink: 0;
+  }
+}
+
+.attribute-item__content {
+  line-height: 36px;
+  color: #444;
+}
+.params-tree {
+  margin-top: 10px;
+}
+
+.params {
+  width: 100%;
+  line-height: 40px;
+  &:hover {
+    .params-icon {
+      display: block;
+    }
+  }
+}
+.params-icon {
+  display: none;
+  float: right;
+  i {
+    padding: 0 8px;
+    border-right: 1px solid var(--epx-border);
+    &:last-child {
+      border: 0;
+    }
+    &:hover {
+      cursor: pointer;
+      @include font_color_primary;
+    }
+  }
+}
+.input-params {
+  display: flex;
+  align-items: center;
+  padding: 10px 0;
+  label {
+    width: 100px;
+    white-space: pre-wrap;
+  }
+}
+.preview-btn {
+  display: block;
+  margin: 0 auto;
+}
+.form__label {
+  margin: 10px 0;
+}
+.cell-select {
+  width: 68px;
+  margin-left: 8px;
+}
+.form-content {
+
+    :deep(.table-form-item__label) {
+      width: 80px;
+      padding-left: 0;
+    }
+    :deep(.table-form-item__content) {
+      .el-input,  .el-input-number--medium {
+        width: 200px;
+      }
+    }
+
+}
+.filter-condition__btn {
+  text-align: center;
+  margin: 10px 0;
+}
+.filter-condition__operates {
+  color: var(--epx-text);
+  i {
+    cursor: pointer;
+    color: red;
+    margin: 0 4px;
+    &:first-child {
+      @include font_color_primary
+    }
+  }
+}
+.filter-condition-opera__popper {
+  // max-height: 400px;
+  overflow: auto;
+}
+.table-form-item-label::before {
+      content: '*';
+      color: #F56C6C;
+      margin-right: 4px;
+}
+.property-item-condition{
+  height: 40px;
+  align-items: center;
+  display: flex;
+}
+
+.condition-property-item{
+  padding: 4px 0;
+}
+
+.condition-property-item-active{
+  padding: 4px 0;
+  color: #0874e7;
+}
+.data-source__header {
+  margin-top: 10px;
+}
+.data-source-operate__footer {
+  margin-top: 10px;
+}
+.language__switch {
+  height: 28px;
+  line-height: 28px;
+  background: var(--epx-bg);
+  border-radius: 14px;
+  display: flex;
+  align-items: center;
+  margin-right: 12px;
+  margin-top: 6px;
+  .language-name {
+   padding: 0 16px 0 10px;
+  }
+}
+.language-item {
+  width: 100px;
+  &.is-active {
+    @include bg_color_primary(.1);
+    @include font_color_primary;
+  }
+}
+.print-check {
+  margin-top: 10px;
+  margin-bottom: 60px;
+  &__head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  &__title {
+    margin: 10px 0;
+  }
+  &__hint {
+    display: flex;
+    align-items: flex-start;
+    font-size: 12px;
+    color: #888;
+    line-height: 18px;
+    margin-bottom: 10px;
+    i {
+      margin-top: 1px;
+      margin-right: 6px;
+      color: #aaa;
+    }
+    b {
+      color: #222;
+      font-weight: 600;
+    }
+  }
+  &__empty {
+    border: 1px dashed #dcdfe6;
+    border-radius: 4px;
+    padding: 20px;
+    text-align: center;
+    color: #888;
+    font-size: 12px;
+  }
+  &__list {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+  &__rule {
+    border: 1px solid #dcdfe6;
+    border-radius: 4px;
+    padding: 10px 12px;
+    background: #fff;
+  }
+  &__rule-top {
+    display: flex;
+    align-items: center;
+  }
+  &__rule-name {
+    flex: 1;
+    min-width: 0;
+    margin: 0 8px;
+    font-weight: 600;
+    color: #222;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  &__act {
+    cursor: pointer;
+    color: #888;
+    font-size: 16px;
+    margin-left: 8px;
+    &:hover {
+      @include font_color_primary;
+    }
+    &--danger:hover {
+      color: #f56c6c;
+    }
+  }
+  &__rule-expr {
+    margin-top: 6px;
+    font-size: 12px;
+    color: #888;
+    font-family: Consolas, Monaco, monospace;
+    background: #f5f7fa;
+    border-radius: 2px;
+    padding: 6px 8px;
+    word-break: break-all;
+  }
+}
+.check-rule-form {
+  &__item {
+    margin-bottom: 16px;
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+  &__label {
+    display: block;
+    margin-bottom: 6px;
+    color: #444;
+    font-size: 14px;
+    &.is-required::before {
+      content: '*';
+      color: #f56c6c;
+      margin-right: 4px;
+    }
+  }
+  &__expr {
+    display: flex;
+    align-items: center;
+    border: 1px solid #dcdfe6;
+    border-radius: 4px;
+    padding: 8px 10px;
+    min-height: 38px;
+    box-sizing: border-box;
+    cursor: pointer;
+    background: #fff;
+    &:hover {
+      @include border_color_primary;
+    }
+    &.is-empty .check-rule-form__expr-text {
+      color: #c0c4cc;
+      font-family: inherit;
+    }
+    i {
+      margin-left: 8px;
+      @include font_color_primary;
+    }
+  }
+  &__expr-text {
+    flex: 1;
+    min-width: 0;
+    font-family: Consolas, Monaco, monospace;
+    font-size: 13px;
+    color: #222;
+    word-break: break-all;
+  }
+  &__tip {
+    margin-top: 6px;
+    font-size: 12px;
+    color: #888;
+  }
+}
+</style>
+<style>
+/* 全屏公式编辑器弹窗（append-to-body，需全局样式） */
+.formula-editor-dialog .el-dialog__header {
+  display: none;
+}
+.formula-editor-dialog .el-dialog__body {
+  padding: 0;
+  height: 100vh;
+  overflow: hidden;
+}
+.formula-editor-dialog .formula-editor-container {
+  height: 100%;
+}
+</style>