{"remainingRequest":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xq-web-bpm\\src\\components\\form\\LayoutProperty.vue?vue&type=template&id=2eff6ad6&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\src\\components\\form\\LayoutProperty.vue","mtime":1675071992022},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div style=\"margin: 15px\">\n  <!-- div布局配置 -->\n  <template v-if=\"data && data.ctrlType == 'div'\">\n    <el-row>\n      <el-col :span='24'>\n        <ht-form-item label-width=\"65px\" style='width: 100%;'>\n          <template slot=\"label\">\n            <el-tooltip content=\"具体数值请设置为：px\">\n              <i class=\"property-tip icon-question\" />\n            </el-tooltip>\n            <span>宽度</span>\n          </template>\n          <ht-input v-model=\"data.options.width\" placeholder=\"宽度:100%\"></ht-input>\n        </ht-form-item>\n      </el-col>\n      <el-col :span='24'>\n        <ht-form-item label-width=\"65px\" label=\"内边距\" style='width: 100%;'>\n          <ht-input v-model=\"data.options.padding\" placeholder=\"padding:10px 10px 10px 0\"></ht-input>\n        </ht-form-item>\n      </el-col>\n      <el-col :span='24'>\n        <ht-form-item label-width=\"65px\" label=\"外边距\" style='width: 100%;'>\n          <ht-input v-model=\"data.options.margin\" placeholder=\"margin:10px 10px 10px 0\"></ht-input>\n        </ht-form-item>\n      </el-col>\n      <el-col :span='24'>\n        <ht-form-item label-width='65px' label=\"背景颜色\" style='width: 100%;'>\n          <div style='display: flex'>\n            <el-color-picker v-model=\"data.options.backgroundColor\" size=\"mini\"></el-color-picker>\n          </div>\n        </ht-form-item>\n      </el-col>\n      <el-col :span='24'>\n        <ht-form-item label-width=\"65px\" label=\"圆角\" style='width: 100%;'>\n          <ht-input v-model=\"data.options.radius\" placeholder=\"radius:10px\"></ht-input>\n        </ht-form-item>\n      </el-col>\n    </el-row>\n  </template>\n\n  <!-- 分割线 -->\n  <template v-else-if=\"data && data.ctrlType == 'divider'\">\n    <!-- 图标 -->\n    <div class=\"custDialog-div\">\n      <span>图标</span>\n      <div style=\"float: right; margin-right: 15px;\">\n        <IconDialog @selected=\"icons\" />\n      </div>\n    </div>\n    <!-- 内容 -->\n    <ht-form-item\n      label=\"内容\"\n      label-width=\"100px\"\n      class=\"customQuery-inputs custDialog-item\"\n    >\n      <ht-input v-model=\"data.options.content\"></ht-input>\n    </ht-form-item>\n    <!-- 位置 -->\n    <ht-form-item\n      label=\"位置\"\n      label-width=\"100px\"\n      class=\"customQuery-inputs custDialog-item\"\n    >\n      <ht-select :options=\"[{key:'left',value:'居左'},{key:'right',value:'居右'},{key:'center',value:'居中',}]\" v-model=\"data.options.position\"/>\n    </ht-form-item>\n    <ht-form-item\n      label=\"颜色\"\n      label-width=\"100px\"\n      class=\"customQuery-inputs custDialog-item\"\n    >\n      <el-color-picker\n        v-model=\"data.options.color\"\n        size=\"mini\"\n      ></el-color-picker>\n    </ht-form-item>\n  </template>\n\n  <!-- 栅格布局 -->\n  <template v-else-if=\"data && data.ctrlType == 'grid'\">\n    <ht-form-item label=\"栅格间隔\" label-width=\"65px\">\n      <ht-input type=\"number\" v-model=\"data.options.gutter\" size=\"mini\" width=\"156px\">\n        <template slot=\"append\">\n          <span>px</span>\n        </template>\n      </ht-input>\n    </ht-form-item>\n    <ht-form-item label-width=\"65px\">\n      <template slot=\"label\">\n        <el-tooltip content=\"一行被切分为24分栏，通过列配置可以将一行划分为多列，每一列指定包含几个分栏。\">\n          <i class=\"property-tip icon-question\" />\n        </el-tooltip>\n        <span>列配置</span>\n      </template>\n      <draggable\n        tag=\"ul\"\n        class=\"column-ul\"\n        :list=\"data.columns\"\n        v-bind=\"{\n          group: { name: 'options' },\n          ghostClass: 'ghost',\n          handle: '.drag-item'\n        }\"\n        handle=\".drag-item\"\n      >\n        <li v-for=\"(item, index) in data.columns\" :key=\"index\">\n          <i class=\"drag-item icon-draggable\"></i>\n          <ht-input\n            size=\"mini\"\n            width=\"130px\"\n            :min=\"0\"\n            :max=\"24\"\n            type=\"number\"\n            v-model.number=\"item.span\"\n          />&nbsp;&nbsp;\n          <el-button type=\"text\" @click=\"handleGridColumnStyle(index)\">样式</el-button>\n          <el-button\n            @click=\"handleGridColumnRemove(index)\"\n            circle\n            plain\n            class=\"grid-remove-button\"\n            type=\"danger\"\n            size=\"mini\"\n            icon=\"el-icon-minus\"\n          ></el-button>\n        </li>\n      </draggable>\n      <div style=\"margin-left: 22px;\">\n        <el-button type=\"text\" @click=\"handleGridColumnAdd\">添加一列</el-button>\n      </div>\n    </ht-form-item>\n    <ht-form-item label=\"横向排列\" label-width=\"65px\">\n      <ht-select\n        v-model=\"data.options.justify\"\n        :options=\"[\n          { key: 'start', value: '左对齐' },\n          { key: 'end', value: '右对齐' },\n          { key: 'center', value: '居中' },\n          { key: 'space-around', value: '两侧间隔相等' },\n          { key: 'space-between', value: '两端对齐' }\n        ]\"\n      />\n    </ht-form-item>\n    <ht-form-item label=\"纵向排列\" label-width=\"65px\">\n      <ht-select\n        v-model=\"data.options.align\"\n        :options=\"[\n          { key: 'top', value: '顶部对齐' },\n          { key: 'middle', value: '居中' },\n          { key: 'bottom', value: '底部对齐' }\n        ]\"\n      />\n    </ht-form-item>\n  </template>\n\n  <!--主表table布局配置-->\n  <template v-else-if=\"data && data.ctrlType == 'table'\">\n    <ht-form-item label-width=\"65px\" style=\"display: block;margin-bottom: 0px;\">\n      <span> 行列配置 </span>\n    </ht-form-item>\n    <ht-form-item label-width=\"0px\">\n      <ul class=\"tableUl\">\n        <li v-for=\"(row, rowIndex) in data.rows\" :key=\"rowIndex\">\n          <span>第{{rowIndex+1}}行：</span>\n          <el-tag\n            :key=\"colIndex\"\n            v-for=\"(tag, colIndex) in row.cols\"\n            closable\n            :disable-transitions=\"false\"\n            @close=\"handleTableCol(rowIndex,colIndex)\"\n          >{{tag.colspan}}</el-tag>\n          <el-button\n            type=\"primary\"\n            size=\"mini\"\n            class=\"tableTdAddBt\"\n            icon=\"el-icon-plus\"\n            v-if=\"tableHasColspan(rowIndex)\"\n            circle\n            @click=\"tableAddTd(rowIndex)\"\n            title=\"添加\"></el-button>\n        </li>\n      </ul>\n    </ht-form-item>\n    <ht-form-item label-width=\"65px\">\n      <span> 追加到第 </span>\n      <ht-input v-model=\"tableTempAddRowIndex\" type=\"number\" /> 行\n      <el-button\n        type=\"primary\"\n        size=\"mini\"\n        icon=\"el-icon-plus\"\n        circle\n        @click=\"tableOperation('add','row')\"\n        title=\"添加\"\n      ></el-button>\n    </ht-form-item>\n    <ht-form-item label-width=\"65px\">\n      <span> 追加到第 </span>\n      <ht-input v-model=\"tableTempAddColIndex\" type=\"number\" /> 列\n      <el-button\n        type=\"primary\"\n        size=\"mini\"\n        icon=\"el-icon-plus\"\n        circle\n        @click=\"tableOperation('add','col')\"\n        title=\"添加\"\n      ></el-button>\n    </ht-form-item>\n    <ht-form-item label-width=\"65px\">\n      <span> 删 除 第 &ensp;</span>\n      <ht-input v-model=\"tableTempDelRowIndex\" type=\"number\" /> 行\n      <el-button\n        type=\"danger\"\n        size=\"mini\"\n        icon=\"el-icon-delete\"\n        circle\n        @click=\"tableOperation('del','row')\"\n        title=\"删除\"\n      ></el-button>\n    </ht-form-item>\n    <ht-form-item label-width=\"65px\">\n      <span> 删 除 第 &ensp;</span>\n      <ht-input v-model=\"tableTempDelColIndex\" type=\"number\" /> 列\n      <el-button\n        type=\"danger\"\n        size=\"mini\"\n        icon=\"el-icon-delete\"\n        circle\n        @click=\"tableOperation('del','col')\"\n        title=\"删除\"\n      ></el-button>\n    </ht-form-item>\n    <ht-form-item label-width=\"65px\" style=\"display: block;margin-bottom: 12px;\">\n      <span> 表格行高 </span>\n      <ht-input\n        size=\"mini\"\n        width=\"90px\"\n        :min=\"0\"\n        type=\"number\"\n        v-model=\"data.options.lineHeight\"\n      /> px\n    </ht-form-item>\n    <ht-form-item label-width=\"65px\" style=\"display: block;margin-bottom: 12px;\">\n      <span> 标题宽度 </span>\n      <ht-input\n        size=\"mini\"\n        width=\"90px\"\n        type=\"number\"\n        v-model=\"data.options.labelWidth\"\n      />&ensp;\n      <el-radio-group v-model=\"data.options.labelWidthType\">\n        <el-radio-button label=\"percent\">%</el-radio-button>\n        <el-radio-button label=\"px\">px</el-radio-button>\n      </el-radio-group>\n    </ht-form-item>\n    <ht-form-item label-width=\"65px\" style=\"display: block;margin-bottom: 12px;\">\n      <span> 边框颜色 </span>\n      <el-color-picker v-model=\"data.options.borderColor\" size=\"mini\"></el-color-picker>\n    </ht-form-item>\n    <ht-form-item label-width=\"65px\" style=\"display: block;margin-bottom: 12px;\">\n      <span> 边框宽度 </span>\n      <ht-input\n        size=\"mini\"\n        width=\"90px\"\n        :min=\"0\"\n        type=\"number\"\n        v-model=\"data.options.borderWidth\"\n      /> px\n    </ht-form-item>\n    <ht-form-item label-width=\"65px\" style=\"display: block;margin-bottom: 12px;\">\n      <span> 字体颜色 </span>\n      <el-color-picker v-model=\"data.options.fontColor\" size=\"mini\"></el-color-picker>\n    </ht-form-item>\n\n    <!-- <ht-form-item label=\"横向排列\" label-width=\"65px\">\n      <ht-select\n        v-model=\"data.options.justify\"\n        :options=\"[\n          { key: 'start', value: '左对齐' },\n          { key: 'end', value: '右对齐' },\n          { key: 'center', value: '居中' },\n          { key: 'space-around', value: '两侧间隔相等' },\n          { key: 'space-between', value: '两端对齐' }\n        ]\"\n      />\n    </ht-form-item>-->\n    <!-- <ht-form-item label=\"纵向排列\" label-width=\"65px\">\n      <ht-select\n        v-model=\"data.options.align\"\n        :options=\"[\n          { key: 'top', value: '顶部对齐' },\n          { key: 'middle', value: '居中' },\n          { key: 'bottom', value: '底部对齐' }\n        ]\"\n      />\n    </ht-form-item>-->\n  </template>\n\n  <!--table选项卡配置-->\n  <template v-else-if=\"data && data.ctrlType == 'tab'\">\n    <ht-form-item label-width label=\"风格类型\">\n      <el-radio-group v-model=\"data.options.type\">\n        <el-radio-button label>默认</el-radio-button>\n        <el-radio-button label=\"card\">选项卡</el-radio-button>\n        <el-radio-button label=\"border-card\">卡片化</el-radio-button>\n      </el-radio-group>\n    </ht-form-item>\n    <ht-form-item label-width label=\"选项卡位置\">\n      <el-radio-group v-model=\"data.options.align\">\n        <el-radio-button label=\"top\">顶部</el-radio-button>\n        <el-radio-button label=\"left\">左侧</el-radio-button>\n        <el-radio-button label=\"right\">右侧</el-radio-button>\n        <el-radio-button label=\"bottom\">底部</el-radio-button>\n      </el-radio-group>\n    </ht-form-item>\n    <ht-form-item label-width>\n      <ht-checkbox\n        v-model=\"data.options.nextCheck\"\n        :options=\"[{ key: 'true', value: '页签、切换前是否校验当前页' }]\"\n      />\n    </ht-form-item>\n    <ht-form-item label-width label=\"标签配置项\">\n      <form-tabs-dialog ref=\"FormtbsDialog\" :data=\"data\" :tablefields=\"tablefields\"/>\n      <draggable\n        tag=\"ul\"\n        class=\"column-ul\"\n        :list=\"data.columns\"\n        v-bind=\"{\n          group: { name: 'options' },\n          ghostClass: 'ghost',\n          handle: '.drag-item'\n        }\"\n        handle=\".drag-item\"\n      >\n        <li v-for=\"(item, index) in data.columns\" :key=\"index\">\n          <i class=\"drag-item icon-draggable\"></i>\n          <ht-input size=\"mini\" width=\"130px\" v-model=\"item.span\" />\n          <el-button\n            @click=\"openFormtbsDialog(index)\"\n            circle\n            plain\n            class=\"grid-remove-button\"\n            type=\"danger\"\n            size=\"mini\"\n            icon=\"el-icon-edit\"\n          ></el-button>\n          <el-button\n            @click=\"handleGridColumnRemove(index)\"\n            circle\n            plain\n            type=\"danger\"\n            size=\"mini\"\n            icon=\"el-icon-minus\"\n          ></el-button>\n        </li>\n      </draggable>\n      <div style=\"margin-left: 22px;\">\n        <el-button type=\"text\" @click=\"handleGridColumnAdd('tab')\">添加标签</el-button>\n      </div>\n    </ht-form-item>\n  </template>\n\n  <!--分页配置-->\n  <template v-else-if=\"data && data.ctrlType == 'page'\">\n    <h3>无内容</h3>\n  </template>\n\n  <!--分页步骤条-->\n  <template v-else-if=\"data && data.ctrlType == 'pageSteps'\">\n    <ht-form-item label-width label=\"是否显示分页步骤条\">\n      <el-switch v-model=\"data.isShow\" active-color=\"#13ce66\" inactive-color=\"#ff4949\"></el-switch>\n    </ht-form-item>\n    <ht-form-item label-width label=\"分页步骤名配置\">\n      <li v-for=\"(item, index) in data.pageStepsArr\" :key=\"index\">\n        <i class=\"drag-item icon-draggable\"></i>\n        <ht-input size=\"mini\" width=\"130px\" v-model=\"item.name\" maxlength=\"8\" show-word-limit/>\n      </li>\n    </ht-form-item>\n  </template>\n\n  <!--分页按钮配置-->\n  <template v-else-if=\"data && data.ctrlType == 'pageButton'\">\n    <h1>分页按钮配置:</h1>\n    <h3>下一步按钮配置:</h3>\n    <ht-form-item label-width label=\"按钮名\">\n      <ht-input v-model=\"data.nextButton.name\" maxlength=\"6\" show-word-limit/>\n    </ht-form-item>\n\n    <ht-form-item label-width label=\"按钮图标\">\n      <div style=\"float: right;\nmargin-right: 15px;\">\n        <IconDialog @selected=\"pegeNextIcon\" />\n      </div>\n    </ht-form-item>\n    <ht-form-item label-width label=\"按钮颜色\">\n      <div style=\"height: 0px;margin-top:10px;margin-bottom:20px;\">\n        <el-color-picker v-model=\"data.nextButton.color\" size=\"mini\"></el-color-picker>\n      </div>\n    </ht-form-item>\n    <!-- <ht-form-item label-width label=\"按钮前置脚本\">\n      <ht-input v-model=\"data.nextButton.preScript\" />\n      <el-button class=\"btn-padding\" icon=\"el-icon-plus\" @click=\"autoRunJSScript(1,true)\">设置自定义脚本</el-button>\n    </ht-form-item>\n    <ht-form-item label-width label=\"按钮后置脚本\">\n      <ht-input v-model=\"data.nextButton.rearScript\" />\n    </ht-form-item>-->\n    <h3>上一步按钮配置:</h3>\n    <ht-form-item label-width label=\"按钮名\">\n      <ht-input v-model=\"data.backButton.name\" maxlength=\"6\" show-word-limit/>\n    </ht-form-item>\n\n    <ht-form-item label-width label=\"按钮图标\">\n      <div style=\"float: right;\nmargin-right: 15px;\">\n        <IconDialog @selected=\"pegeBackIcon\" />\n      </div>\n    </ht-form-item>\n    <ht-form-item label-width label=\"按钮颜色\">\n      <div style=\"height: 0px;margin-top:10px;margin-bottom:20px;\">\n        <el-color-picker v-model=\"data.backButton.color\" size=\"mini\"></el-color-picker>\n      </div>\n    </ht-form-item>\n    <el-dialog\n      title=\"按钮脚本\"\n      :visible.sync=\"pageBtnScriptDialog\"\n      append-to-body\n      class=\"urgent-text\"\n      :before-close=\"pageBtnScriptDialogOk\"\n      :close-on-click-modal=\"false\"\n      width=\"600px\"\n    >\n      <el-row style=\"height:100%\">\n        <textarea\n          v-model=\"pageBtnScriptBase\"\n          type=\"textarea\"\n          rows=\"30\"\n          autocomplete=\"off\"\n          ref=\"scriptText\"\n          style=\"width: 99%;height:100%;\"\n        ></textarea>\n      </el-row>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button @click=\"pageBtnScriptDialogClose\">取 消</el-button>\n        <el-button type=\"primary\" @click=\"pageBtnScriptDialogOk\">确 定</el-button>\n      </div>\n    </el-dialog>\n  </template>\n\n  <!--折叠面板配置-->\n  <template v-else-if=\"data && data.ctrlType == 'accordion'\">\n    <ht-form-item label-width label=\"折叠面板配置\">\n      <!--<ht-checkbox v-model=\"data.options.accordion\" :options=\"[{key: 'true', value: '是否手风琴模式'}]\" />-->\n      <ht-checkbox\n        v-model=\"data.options.nextCheck\"\n        :options=\"[{ key: 'true', value: '面板、折叠前是否校验当前面板' }]\"\n      />\n    </ht-form-item>\n\n    <ht-form-item label-width label=\"面板配置\">\n      <draggable\n        tag=\"ul\"\n        class=\"column-ul\"\n        :list=\"data.columns\"\n        v-bind=\"{\n          group: { name: 'options' },\n          ghostClass: 'ghost',\n          handle: '.drag-item'\n        }\"\n        handle=\".drag-item\"\n      >\n        <li v-for=\"(item, index) in data.columns\" :key=\"index\">\n          <i class=\"drag-item icon-draggable\"></i>\n          <ht-input size=\"mini\" width=\"130px\" v-model=\"item.span\" />\n          <el-switch\n            v-model=\"item.isOpen\"\n            @change=\"switchChange(item)\"\n            active-text=\"是否展开\"\n            inactive-value=\"false\"\n            active-value=\"true\"\n            style=\"margin-left: 10px\"\n          ></el-switch>\n          <el-button\n            @click=\"handleGridColumnRemove(index)\"\n            style=\"margin-left: 10px\"\n            circle\n            plain\n            class=\"grid-remove-button\"\n            type=\"danger\"\n            size=\"mini\"\n            icon=\"el-icon-minus\"\n          ></el-button>\n        </li>\n      </draggable>\n      <div style=\"margin-left: 22px;\">\n        <el-button type=\"text\" @click=\"handleGridColumnAdd('collapse')\">添加面板</el-button>\n      </div>\n    </ht-form-item>\n  </template>\n\n  <!--子表配置-->\n  <template v-else-if=\"data &&  (data.ctrlType == 'subtable' || data.ctrlType == 'subDiv' || data.ctrlType == 'hottable')\">\n    <ht-form-item label-width label=\"绑定子表\">\n      <ht-select\n        filterable\n        v-model=\"data.options.boSubEntity\"\n        :options=\"subTables\"\n        :props=\"{ key: 'name', value: 'desc' }\"\n        @change=\"subTableChange\"\n      ></ht-select>\n    </ht-form-item>\n    <ht-form-item label-width label=\"子表标题\">\n      <ht-input v-model=\"data.desc\" style=\"width: 215px\">\n        <el-button icon=\"el-icon-search\" slot=\"append\" @click=\"editI18nMessage\">国际化</el-button>\n      </ht-input>\n    </ht-form-item>\n    <ht-form-item label-width label=\"子表布局\">\n      <ht-select\n        v-model=\"data.ctrlType\"\n        @change=\"subChange\"\n        :options=\"[{key:'subtable',value:'子表'},{key:'subDiv',value:'DIV子表'}]\"\n      ></ht-select>\n    </ht-form-item>\n    <ht-form-item label-width label=\"最大行数\" v-if=\"data.ctrlType!=='hottable' && data.options.relation =='onetomany'\">\n      <el-tooltip class=\"item\" effect=\"dark\" content=\"0为无限制\" placement=\"top-start\">\n        <i class=\"el-icon-info\"></i>\n      </el-tooltip>\n      <ht-input\n        v-model=\"data.options.maxRow\"\n        type=\"number\"\n        :min=\"0\"></ht-input>\n    </ht-form-item>\n    <br>\n    <!-- 下拉框动态查询绑定关联查询 -->\n    <el-button\n      style=\"width:100%;margin-left: 0px  !important; margin-bottom: 5px;\"\n      class=\"custDialog-btn\"\n      icon=\"icon-list2\"\n      v-show=\"data.customQuery && data.customQuery.isUse\"\n      size=\"mini\"\n      @click=\"showSelectQueryDialog\"\n    >绑定关联查询回填子表</el-button>\n    <el-dialog\n      title=\"子表添加关联查询阿\"\n      width=\"60%\"\n      append-to-body\n      top=\"8vh\"\n      :visible.sync=\"selectQueryDialog\"\n      :close-on-click-modal=\"false\"\n    >\n      <el-tag type=\"warning\">子表回填：展示子表回填中设置的其他返回值(子表无返回值对应字段)</el-tag>\n      <div style=\"width:100%;height: 550px;overflow: auto;\" v-if=\"data.customQuery && data.customQuery.alias\">\n        <table\n          class=\"form-table choiceType-table\"\n          style=\"margin-bottom: 1px;\"\n          cellspacing=\"0\"\n          cellpadding=\"0\"\n          border=\"0\"\n        >\n          <tbody>\n          <tr>\n            <th width=\"110px\">关联查询:</th>\n            <td>\n              <ht-select\n                clearable\n                filterable\n                @change=\"setSelectQuery(data.customQuery.alias)\"\n                v-model=\"data.customQuery.alias\"\n                :options=\"customQuerys\"\n                :props=\"{ key: 'alias', value: 'name' }\"\n              />\n            </td>\n          </tr>\n          </tbody>\n        </table>\n        <el-tabs type=\"border-card\" style=\"margin-bottom:20px;\">\n          <el-tab-pane label=\"参数绑定\">\n            <table class=\"form-table choiceType-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n              <tbody>\n              <tr v-for=\"(bind, indexBind) in data.customQuery.conditionfield\" :key=\"indexBind\">\n                <th width=\"110px\">{{ bind.comment }}:</th>\n                <td>\n                  <ht-select\n                    validate=\"required\"\n                    v-model=\"bind.fieldPath\"\n                    :options=\"subTableEnt\"\n                    :props=\"{ key: 'name', value: 'desc' }\"\n                    filterable\n                  >\n                    <template slot-scope=\"{ options, propKey, propValue }\">\n                      <el-option-group\n                        v-for=\"group in options\"\n                        :key=\"group.name\"\n                        :label=\"group.desc\"\n                      >\n                        <el-option\n                          v-for=\"item in group.children.filter(obj => {\n                                return filterFields(obj);\n                              })\"\n                          :key=\"item[propKey]\"\n                          :label=\"item[propValue]\"\n                          :value=\"item[propKey]\"\n                        ></el-option>\n                      </el-option-group>\n                    </template>\n                  </ht-select>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </el-tab-pane>\n          <el-tab-pane label=\"设置返回值\">\n            <table class=\"form-table choiceType-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n              <tbody>\n              <tr v-for=\"(bind, indexBind) in data.customQuery.resultfield\" :key=\"indexBind\">\n                <th width=\"110px\">{{ bind.comment }}:</th>\n                <td>\n                  <ht-select\n                    validate=\"required\"\n                    v-model=\"bind.fieldPath\"\n                    :options=\"data.list\"\n                    :props=\"{ key: 'name', value: 'desc' }\"\n                    filterable\n                  ></ht-select>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </el-tab-pane>\n        </el-tabs>\n      </div>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"selectQueryDialog = false\" size=\"small\">保存</el-button>\n        <el-button type=\"primary\" @click=\"closeQueryDialog\" size=\"small\">清空</el-button>\n      </div>\n    </el-dialog>\n\n    <div v-if=\"data.ctrlType == 'hottable'\" style=\"margin-bottom:10px;\">\n      <el-checkbox v-model=\"data.showTitle\">显示标题</el-checkbox>\n    </div>\n    <el-button\n      icon=\"icon-technology\"\n      v-if=\"data.ctrlType != 'hottable'\"\n      size=\"mini\"\n      @click=\"includdingFile\"\n    >自定义表头</el-button>\n    <!-- <el-button v-if=\"data.ctrlType != 'hottable'\" @click=\"addRelation\">添加关联关系</el-button> -->\n    <el-row class=\"hottable_btn_row\" v-if=\"data.ctrlType == 'hottable'\">\n      <el-button v-if=\"data.ctrlType == 'hottable'\" @click=\"setColHeader\">设置表头</el-button>\n      <el-button v-if=\"data.ctrlType == 'hottable'\" @click=\"setCrossMapping\">跨表取数</el-button>\n      <el-button v-if=\"data.ctrlType == 'hottable'\" @click=\"setNestedHeaders\">嵌套表头</el-button>\n    </el-row>\n    <el-row class=\"hottable_btn_row\" v-if=\"data.ctrlType == 'hottable'\">\n      <el-button v-if=\"data.ctrlType == 'hottable'\" @click=\"setMainTableCalc\">主表汇总</el-button>\n      <el-button v-if=\"data.ctrlType == 'hottable'\" @click=\"setCellCalc\">单元格计算</el-button>\n    </el-row>\n\n    <div style=\"margin-top:10px;margin-bottom:10px;\">\n      <!--        <el-tooltip content=\"需先配置自定义对话框，实现效果：配置子表回填后会在子表上显示配置的按钮，点击后弹出对话框，选择数据将已选数据回填到子表中。\">-->\n      <!--          <i class=\"property-tip icon-question\" />-->\n      <!--        </el-tooltip>-->\n      <el-checkbox v-if=\"data.options.relation =='onetomany'\" v-model=\"data.subtablePagination\">前端分页</el-checkbox>\n    </div>\n    <div style=\"margin-top:10px;margin-bottom:10px;\" v-if=\"data.subtablePagination && formType=='pc'\">\n      <el-tooltip\n        content=\"勾选时支持对子表进行前端的导入/导出（即：导入/导出均在浏览器端进行，用户不提交时数据不会保存到后台）。\"\n      >\n        <i class=\"property-tip icon-question\" />\n      </el-tooltip>\n      <el-checkbox v-model=\"data.subtableImportExport\">子表导入/导出</el-checkbox>\n      <el-button\n        type=\"primary\"\n        v-if=\"data.subtableImportExport\"\n        class=\"subimport-mergedialog_button\"\n        plain\n        @click=\"openSubImportMergeDialog\"\n      >子表数据合并</el-button>\n\n      <sub-import-merge-dialog\n        v-if=\"data.subtableImportExport\"\n        ref=\"subImportMergeDialog\"\n        @updateExpression=\"handleUpdateExpression\"\n        :expression=\"data.subtableImportMergeExp\"\n      ></sub-import-merge-dialog>\n    </div>\n    <div style=\"margin-top:10px;margin-bottom:10px;\">\n      <el-tooltip\n        content=\"需先配置自定义对话框，实现效果：配置子表回填后会在子表上显示配置的按钮，点击后弹出对话框，选择数据将已选数据回填到子表中。\"\n      >\n        <i class=\"property-tip icon-question\" />\n      </el-tooltip>\n      <el-checkbox v-model=\"data.subtableBackfill\">子表回填</el-checkbox>\n      <el-checkbox v-model=\"data.initTemplateData\" v-if=\"data.subtableBackfill\">数据初始化</el-checkbox>\n    </div>\n    <div\n      style=\"margin-top:10px;margin-bottom:10px;\"\n      v-if=\"(data.subtableBackfill && data.initTemplateData) || data.ctrlType == 'hottable'\"\n    >\n      <el-tooltip content=\"当填单用户需要手动追加多份初始化回填数据时配置。\">\n        <i class=\"property-tip icon-question\" />\n      </el-tooltip>\n      <el-checkbox\n        v-model=\"data.addInitTemplateData\"\n        v-if=\"data.subtableBackfill && data.initTemplateData\"\n      >追加初始化</el-checkbox>\n      <el-checkbox v-if=\"data.ctrlType == 'hottable'\" v-model=\"data.initSumRow\">初始化统计行</el-checkbox>\n    </div>\n    <ht-form-item v-if=\"data.initTemplateData\" label-width=\"100px\" label=\"初始化类型\">\n      <el-radio-group v-model=\"data.initTemplateDataType\">\n        <el-radio-button label=\"empty\">数据为空</el-radio-button>\n        <el-radio-button label=\"add\">数据追加</el-radio-button>\n        <el-radio-button label=\"cover\">数据覆盖</el-radio-button>\n      </el-radio-group>\n    </ht-form-item>\n    <ht-form-item v-if=\"data.initSumRow\" label-width=\"120px\" label=\"统计行标签字段\">\n      <ht-select\n        v-model=\"data.options.initSumRowField\"\n        :options=\"\n          subTables.filter(\n            item => item.name === data.options.boSubEntity\n          )\n        \"\n        :props=\"{ key: 'name', value: 'desc' }\"\n        clearable\n        filterable\n      >\n        <template slot-scope=\"{ options }\">\n          <el-option-group v-for=\"(group, idenx) in options\" :key=\"idenx\" :label=\"group.desc\">\n            <el-option\n              v-for=\"item in group.children\"\n              :key=\"item.id\"\n              :label=\"item.desc\"\n              :value=\"item.name\"\n            ></el-option>\n          </el-option-group>\n        </template>\n      </ht-select>\n    </ht-form-item>\n    <ht-form-item v-if=\"data.initSumRow\" label-width=\"100px\" label=\"统计行标签值\">\n      <el-input v-model=\"data.options.initSumRowValue\" placeholder=\"统计行标签字段值\" />\n    </ht-form-item>\n    <ht-form-item\n      v-if=\"data.initTemplateData && data.addInitTemplateData\"\n      label-width=\"100px\"\n      label=\"追加按钮名称\"\n    >\n      <el-input v-model=\"data.addInitBtnName\" placeholder=\"追加初始化数据按钮名称\" />\n    </ht-form-item>\n    <ht-load-data\n      url=\"/form/customDialog/v1/getAll\"\n      requestMethod=\"post\"\n      context=\"form\"\n      @after-load-data=\"afterCustomDialogLoadData\"\n    ></ht-load-data>\n    <ht-form-item\n      v-if=\"data.ctrlType == 'hottable'\"\n      label-width=\"100px\"\n      class=\"customQuery-inputs custDialog-item\"\n    >\n      <template slot=\"label\">\n        <el-tooltip content=\"可见区域百分比\">\n          <i class=\"property-tip icon-question\" />\n        </el-tooltip>\n        <span>控件高度</span>\n      </template>\n      <ht-input size=\"mini\" width=\"130px\" :min=\"5\" type=\"number\" v-model=\"data.options.height\" />vh\n    </ht-form-item>\n    <div\n      v-if=\"data.ctrlType == 'hottable' || data.ctrlType == 'subtable' || data.ctrlType == 'subDiv'\"\n      class=\"custDialog-div\"\n    >\n      <el-button class=\"custDialog-btn\" icon=\"icon-list2\" size=\"mini\" @click=\"custOrgClick\">设置自动回填</el-button>\n    </div>\n    <span v-if=\"data.subtableBackfill\">\n      <div class=\"custDialog-div\">\n        <el-button\n          class=\"custDialog-btn\"\n          v-if=\"data.customDialogjson.custDialog.alias\"\n          icon=\"icon-list2\"\n          size=\"mini\"\n          @click=\"custDialogClick\"\n        >设置返回值</el-button>\n      </div>\n      <ht-form-item label-width=\"100px\" class=\"customQuery-inputs custDialog-item\">\n        <template slot=\"label\">\n          <el-tooltip content=\"所选择的自定义查询作为选项时的绑定\">\n            <i class=\"property-tip icon-question\" />\n          </el-tooltip>\n          <span>选择对话框</span>\n        </template>\n        <ht-select\n          clearable\n          filterable\n          @change=\"changeCustDialog\"\n          v-model=\"data.customDialogjson.custDialog.alias\"\n          :options=\"customDialogs\"\n          :props=\"{ key: 'alias', value: 'name' }\"\n        />\n      </ht-form-item>\n      <!-- 参数绑定 -->\n      <div\n        class=\"basics-property\"\n        v-if=\"data.customDialogjson.custDialog.conditions\n          && data.customDialogjson.custDialog.conditions.length > 0\"\n      >\n        <ht-form-item>\n          <template slot=\"label\">\n            <el-tooltip content=\"自定义对话框需要的参数传入\">\n              <i class=\"property-tip icon-question\" />\n            </el-tooltip>\n            <span>参数绑定</span>\n          </template>\n        </ht-form-item>\n      </div>\n      <table\n        v-if=\"data.customDialogjson.custDialog.conditions\n        && data.customDialogjson.custDialog.conditions.length > 0\"\n        class=\"form-table custDialog-table\"\n        cellspacing=\"0\"\n        cellpadding=\"0\"\n        border=\"0\"\n      >\n        <tbody>\n          <tr class=\"linkageTable-tr\">\n            <td width=\"100px;\">参数名</td>\n            <td>取值对象</td>\n            <!-- <td>默认值</td> -->\n          </tr>\n          <tr\n            class=\"linkageTable-tr\"\n            v-for=\"(condition, indexCondition) in data.customDialogjson\n            .custDialog.conditions\"\n            :key=\"indexCondition\"\n          >\n            <td>{{ condition.comment }}</td>\n            <td>\n              <ht-select\n                validate=\"required\"\n                v-model=\"condition.bind\"\n                :options=\"tablefields.filter(tab => tab.type == 'main')\"\n                :props=\"{ key: 'name', value: 'desc' }\"\n                :clearable=\"true\"\n                filterable\n              >\n                <template slot-scope=\"{ options }\">\n                  <el-option-group v-for=\"group in options\" :key=\"group.name\" :label=\"group.desc\">\n                    <el-option\n                      v-for=\"item in group.children\"\n                      :key=\"item.id\"\n                      :label=\"item.desc\"\n                      :value=\"'data.' + item.path + '.' + item.name\"\n                    ></el-option>\n                  </el-option-group>\n                </template>\n              </ht-select>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <ht-form-item label=\"按钮名称\" label-width=\"100px\" class=\"customQuery-inputs custDialog-item\">\n        <ht-input v-model=\"data.customDialogjson.name\"></ht-input>\n      </ht-form-item>\n\n      <div class=\"custDialog-div\">\n        <span>按钮图标</span>\n        <div style=\"float: right;\nmargin-right: 15px;\">\n          <IconDialog @selected=\"icons\" />\n        </div>\n        <i :class=\"this.data.customDialogjson.icon\" style=\"float: right; line-height: 28px\"></i>\n      </div>\n    </span>\n    <el-dialog\n      title=\"设置子表对话框返回值\"\n      :visible.sync=\"dialogcustDialogVisible\"\n      append-to-body\n      class=\"urgent-text\"\n      :close-on-click-modal=\"false\"\n      width=\"600px\"\n    >\n      <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n        <tbody>\n        <tr class=\"linkageTable-tr\">\n          <td width=\"150px\">返回结果字段</td>\n          <td width=\"220px\">绑定显示的属性</td>\n          <td width=\"80px\">解除绑定</td>\n        </tr>\n\n        <tr\n          class=\"linkageTable-tr\"\n          v-for=\"(field, index) in this.data.customDialogjson.resultField\"\n          :key=\"index\"\n        >\n          <td>{{ field.comment }}</td>\n          <td>\n            <ht-select\n              v-model=\"custDialogprop[field.comment]\"\n              :options=\"\n                  subTables.filter(\n                    item => item.name === data.options.boSubEntity\n                  )\n                \"\n              :props=\"{ key: 'name', value: 'desc' }\"\n              clearable\n              filterable\n            >\n              <template slot-scope=\"{ options }\">\n                <el-option-group\n                  v-for=\"(group, idenx) in options\"\n                  :key=\"idenx\"\n                  :label=\"group.desc\"\n                >\n                  <el-option\n                    v-for=\"item in group.children\"\n                    :key=\"item.id\"\n                    :label=\"item.desc\"\n                    :value=\"item.path + '.' + item.name\"\n                  ></el-option>\n                </el-option-group>\n              </template>\n            </ht-select>\n          </td>\n          <td>\n            <el-button icon=\"el-icon-delete\" @click=\"unbind(field.comment)\"></el-button>\n          </td>\n        </tr>\n        </tbody>\n      </table>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"custDialogOk\">确 定</el-button>\n        <el-button @click=\"dialogcustDialogVisible = false\">取 消</el-button>\n      </div>\n    </el-dialog>\n\n\n    <i18n-message-edit\n      ref=\"i18nMessageEdit\"\n      :messageKey=\"i18nMessageKey\"\n      @after-save=\"afterSaveI18n\"\n    />\n  </template>\n\n  <template v-else-if=\"data && (data.ctrlType == 'suntable' || data.ctrlType == 'sunDiv')\">\n    <el-dialog\n      title=\"设置孙表对话框返回值\"\n      :visible.sync=\"dialogSunDialog\"\n      append-to-body\n      class=\"urgent-text\"\n      :close-on-click-modal=\"false\"\n      width=\"600px\"\n    >\n      <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n        <tbody>\n        <tr class=\"linkageTable-tr\">\n          <td width=\"150px\">返回结果字段</td>\n          <td width=\"220px\">绑定显示的属性</td>\n          <td width=\"80px\">解除绑定</td>\n        </tr>\n\n        <tr\n          class=\"linkageTable-tr\"\n          v-for=\"(field, index) in this.data.customDialogjson.resultField\"\n          :key=\"index\"\n        >\n          <td>{{ field.comment }}</td>\n          <td>\n            <ht-select\n              v-model=\"custDialogprop[field.comment]\"\n              :options=\"\n                  sunTables.filter(\n                    item => item.name === data.options.boSubEntity\n                  )\n                \"\n              :props=\"{ key: 'name', value: 'desc' }\"\n              clearable\n              filterable\n            >\n              <template slot-scope=\"{ options }\">\n                <el-option-group\n                  v-for=\"(group, idenx) in options\"\n                  :key=\"idenx\"\n                  :label=\"group.desc\"\n                >\n                  <el-option\n                    v-for=\"item in group.children\"\n                    :key=\"item.id\"\n                    :label=\"item.desc\"\n                    :value=\"item.path + '.' + item.name\"\n                  ></el-option>\n                </el-option-group>\n              </template>\n            </ht-select>\n          </td>\n          <td>\n            <el-button icon=\"el-icon-delete\" @click=\"unbind(field.comment)\"></el-button>\n          </td>\n        </tr>\n        </tbody>\n      </table>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"custDialogSunOk\">确 定</el-button>\n        <el-button @click=\"dialogSunDialog = false\">取 消</el-button>\n      </div>\n    </el-dialog>\n    <ht-form-item label-width label=\"绑定孙表\">\n      <ht-select\n        filterable\n        v-model=\"data.options.boSubEntity\"\n        :options=\"sunTables\"\n        :props=\"{ key: 'name', value: 'desc' }\"\n        @change=\"subTableChange\"\n      ></ht-select>\n    </ht-form-item>\n    <ht-form-item label-width label=\"孙表标题\">\n      <ht-input v-model=\"data.desc\" style=\"width: 215px\">\n        <el-button icon=\"el-icon-search\" slot=\"append\" @click=\"editI18nMessage\">国际化</el-button>\n      </ht-input>\n    </ht-form-item>\n    <ht-form-item label-width label=\"最大行数\" v-if=\"data.ctrlType!=='hottable' && data.options.relation =='onetomany'\">\n      <el-tooltip class=\"item\" effect=\"dark\" content=\"0为无限制\" placement=\"top-start\">\n        <i class=\"el-icon-info\"></i>\n      </el-tooltip>\n      <ht-input\n        v-model=\"data.options.maxRow\"\n        type=\"number\"\n        :min=\"0\"></ht-input>\n    </ht-form-item>\n    <el-button icon=\"icon-technology\" size=\"mini\" @click=\"includdingFile\">自定义表头</el-button>\n    <div style=\"margin-top:10px;margin-bottom:10px;\">\n      <el-checkbox v-model=\"data.subtableBackfill\">孙表回填</el-checkbox>\n      <el-tooltip content=\"需先配置自定义对话框，实现效果：配置孙表回填后会在孙表上显示配置的按钮，点击后弹出对话框，选择数据将已选数据回填到孙表中。\">\n        <i class=\"property-tip icon-question\" />\n      </el-tooltip>\n    </div>\n    <ht-load-data\n      url=\"/form/customDialog/v1/getAll\"\n      requestMethod=\"post\"\n      context=\"form\"\n      @after-load-data=\"afterCustomDialogLoadData\"\n    ></ht-load-data>\n    <span v-if=\"data.subtableBackfill\">\n      <div class=\"custDialog-div\">\n        <el-button\n          class=\"custDialog-btn\"\n          v-if=\"data.customDialogjson.custDialog.alias\"\n          icon=\"icon-list2\"\n          size=\"mini\"\n          @click=\"custDialogSunClick\"\n        >设置返回值</el-button>\n      </div>\n\n      <ht-form-item label-width=\"100px\" class=\"customQuery-inputs custDialog-item\">\n        <template slot=\"label\">\n          <el-tooltip content=\"所选择的自定义查询作为选项时的绑定\">\n            <i class=\"property-tip icon-question\" />\n          </el-tooltip>\n          <span>选择对话框</span>\n        </template>\n        <ht-select\n          clearable\n          filterable\n          @change=\"changeCustDialog\"\n          v-model=\"data.customDialogjson.custDialog.alias\"\n          :options=\"customDialogs\"\n          :props=\"{ key: 'alias', value: 'name' }\"\n        />\n      </ht-form-item>\n\n      <ht-form-item label=\"按钮名称\" label-width=\"100px\" class=\"customQuery-inputs custDialog-item\">\n        <ht-input v-model=\"data.customDialogjson.name\"></ht-input>\n      </ht-form-item>\n\n      <div class=\"custDialog-div\">\n        <span>按钮图标</span>\n        <div style=\"float: right;\nmargin-right: 15px;\">\n          <IconDialog @selected=\"icons\" />\n        </div>\n        <i :class=\"this.data.customDialogjson.icon\" style=\"float: right; line-height: 28px\"></i>\n      </div>\n    </span>\n    <el-dialog\n      title=\"设置对话框返回值\"\n      :visible.sync=\"dialogcustDialogVisible\"\n      append-to-body\n      class=\"urgent-text\"\n      :close-on-click-modal=\"false\"\n      width=\"600px\"\n    >\n      <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n        <tbody>\n        <tr class=\"linkageTable-tr\">\n          <td width=\"150px\">返回结果字段</td>\n          <td width=\"220px\">绑定显示的属性</td>\n          <td width=\"80px\">解除绑定</td>\n        </tr>\n\n        <tr\n          class=\"linkageTable-tr\"\n          v-for=\"(field, index) in this.data.customDialogjson.resultField\"\n          :key=\"index\"\n        >\n          <td>{{ field.comment }}</td>\n          <td>\n            <ht-select\n              v-model=\"custDialogprop[field.comment]\"\n              :options=\"\n                  subTables.filter(\n                    item => item.name === data.options.boSubEntity\n                  )\n                \"\n              :props=\"{ key: 'name', value: 'desc' }\"\n              clearable\n              filterable\n            >\n              <template slot-scope=\"{ options }\">\n                <el-option-group\n                  v-for=\"(group, idenx) in options\"\n                  :key=\"idenx\"\n                  :label=\"group.desc\"\n                >\n                  <el-option\n                    v-for=\"item in group.children\"\n                    :key=\"item.id\"\n                    :label=\"item.desc\"\n                    :value=\"item.path + '.' + item.name\"\n                  ></el-option>\n                </el-option-group>\n              </template>\n            </ht-select>\n          </td>\n          <td>\n            <el-button icon=\"el-icon-delete\" @click=\"unbind(field.comment)\"></el-button>\n          </td>\n        </tr>\n        </tbody>\n      </table>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"custDialogOk\">确 定</el-button>\n        <el-button @click=\"dialogcustDialogVisible = false\">取 消</el-button>\n      </div>\n    </el-dialog>\n\n    <i18n-message-edit\n      ref=\"i18nMessageEdit\"\n      :messageKey=\"i18nMessageKey\"\n      @after-save=\"afterSaveI18n\"\n    />\n  </template>\n\n  <template v-else-if=\"data && data.ctrlType == 'dataView'\">\n    <div class=\"custDialog-div\">\n      <span>数据视图设置</span>\n      <el-button\n        class=\"custDialog-btn\"\n        icon=\"icon-list2\"\n        size=\"mini\"\n        v-if=\"data.templateKey && data.templateKey!=''\"\n        @click=\"dataViewClick()\"\n      >设置参数绑定</el-button>\n    </div>\n    <ht-form-item label-width=\"120px\" class=\"customQuery-inputs custDialog-item\">\n      <template slot=\"label\">\n        <el-tooltip content=\"所选择的表单列表作为选项时的绑定\">\n          <i class=\"property-tip icon-question\" />\n        </el-tooltip>\n        <span>选择表单列表</span>\n      </template>\n      <eip-data-template-selector\n        v-model=\"data.templateObj\"\n        @handleRemove=\"handleDataRemove\"\n        placeholder=\"请选择表单列表\"\n        :single=\"true\"\n        v-if=\"templateShow\"\n      ></eip-data-template-selector>\n    </ht-form-item>\n\n    <el-dialog\n      title=\"设置表单列表回填\"\n      :visible.sync=\"dialogcustDialogVisible\"\n      append-to-body\n      class=\"urgent-text\"\n      :close-on-click-modal=\"false\"\n      width=\"600px\"\n    >\n      <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n        <tbody>\n        <tr class=\"linkageTable-tr\">\n          <td width=\"150px\">返回结果字段</td>\n          <td width=\"220px\">绑定表单的字段属性</td>\n          <td width=\"80px\">解除绑定</td>\n        </tr>\n        <tr class=\"linkageTable-tr\" v-for=\"(field, index) in data.templateField\" :key=\"index\">\n          <td>{{ field.desc }}</td>\n          <td>\n            <ht-select\n              filterable\n              validate=\"required\"\n              v-model=\"custDialogprop[field.name]\"\n              :options=\"tablefields\"\n              :props=\"{ key: 'name', value: 'desc' }\"\n            >\n              <template slot-scope=\"{ options, propKey, propValue }\">\n                <el-option-group v-for=\"group in options\" :key=\"group.name\" :label=\"group.desc\">\n                  <el-option\n                    v-for=\"item in group.children.filter(obj => {\n                        return filterFields(obj);\n                      })\"\n                    :key=\"item[propKey]\"\n                    :label=\"item[propValue]\"\n                    :value=\"item[propKey]\"\n                  ></el-option>\n                </el-option-group>\n              </template>\n            </ht-select>\n          </td>\n          <td>\n            <el-button icon=\"el-icon-delete\" @click=\"unbind(field.name)\"></el-button>\n          </td>\n        </tr>\n        </tbody>\n      </table>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"custDialogOk\">确 定</el-button>\n        <el-button @click=\"dialogcustDialogVisible = false;\">取 消</el-button>\n      </div>\n    </el-dialog>\n\n    <el-dialog\n      title=\"设置数据视图参数\"\n      :visible.sync=\"dialogDataViewVisible\"\n      append-to-body\n      class=\"urgent-text\"\n      :close-on-click-modal=\"false\"\n      width=\"800px\"\n    >\n      <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n        <tbody>\n        <tr class=\"linkageTable-tr\">\n          <td width=\"180px\"></td>\n          <td width=\"240px\">表单字段</td>\n          <td width=\"240px\">表单列表字段</td>\n          <td width=\"80px\">操作</td>\n        </tr>\n        <tr class=\"linkageTable-tr\">\n          <td width=\"180px\">\n            <el-tooltip content=\"表单参数绑定,可根据绑定表单字段对数据报表数据进行过滤展示;不绑定则显示所有数据\">\n              <i class=\"property-tip icon-question\" />\n            </el-tooltip>\n            <span>关联查询字段</span>\n            <el-button\n              class=\"btn-padding\"\n              style=\"margin-left:5px;\"\n              icon=\"el-icon-plus\"\n              @click=\"addSelectList()\"\n            ></el-button>\n          </td>\n          <td colspan=\"6\">\n            <table class cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n              <tr v-for=\"(item, index) in selectList\" :key=\"index\">\n                <td width=\"240px\">\n                  <ht-select\n                    v-model=\"item.selectField\"\n                    :options=\"tablefields\"\n                    :props=\"{ key: 'name', value: 'desc' }\"\n                    :clearable=\"true\"\n                    filterable\n                    style=\"margin: 10px 20px\"\n                  >\n                    <template slot-scope=\"{ options, propKey, propValue }\">\n                      <el-option-group v-for=\"group in options\" :key=\"group.name\" :label=\"group.desc\">\n                        <el-option\n                          v-for=\"item in group.children.filter(obj => {\n                              return filterFields(obj);\n                            })\"\n                          :key=\"item[propKey]\"\n                          :label=\"item[propValue]\"\n                          :value=\"item[propKey]\"\n                        ></el-option>\n                      </el-option-group>\n                    </template>\n                  </ht-select>\n                </td>\n                <td width=\"240px\">\n                  <el-select\n                    v-model=\"item.bindSelectd\"\n                    clearable\n                    placeholder=\"请选择\"\n                    style=\"margin: 10px 10px 10px 30px\"\n                  >\n                    <el-option\n                      v-for=\"item in data.templateField\"\n                      :key=\"item.id\"\n                      :label=\"item.desc\"\n                      :value=\"item.name\"\n                    ></el-option>\n                  </el-select>\n                </td>\n                <td width=\"80px\" style=\"text-align: center;\">\n                  <el-button\n                    class=\"btn-padding\"\n                    style=\"margin-left:20px;\"\n                    icon=\"el-icon-delete\"\n                    @click=\"selectList.remove(item)\"\n                  ></el-button>\n                </td>\n              </tr>\n            </table>\n          </td>\n        </tr>\n        <tr class=\"linkageTable-tr\">\n          <td width=\"180px\">\n            <el-tooltip content=\"字段回填，将表单字段的值回填到数据视图表单字段中；不绑定则不回填。\">\n              <i class=\"property-tip icon-question\" />\n            </el-tooltip>\n            <span>关联填充字段</span>\n            <el-button\n              class=\"btn-padding\"\n              style=\"margin-left:5px;\"\n              icon=\"el-icon-plus\"\n              @click=\"addBindList()\"\n            ></el-button>\n          </td>\n          <td colspan=\"6\">\n            <table class cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n              <tr v-for=\"(item, index) in bindList\" :key=\"index\">\n                <td width=\"240px\">\n                  <ht-select\n                    v-model=\"item.fillField\"\n                    :options=\"tablefields\"\n                    :props=\"{ key: 'name', value: 'desc' }\"\n                    :clearable=\"true\"\n                    filterable\n                    style=\"margin: 10px 20px\"\n                  >\n                    <template slot-scope=\"{ options, propKey, propValue }\">\n                      <el-option-group v-for=\"group in options\" :key=\"group.name\" :label=\"group.desc\">\n                        <el-option\n                          v-for=\"item in group.children.filter(obj => {\n                              return filterFields(obj);\n                            })\"\n                          :key=\"item[propKey]\"\n                          :label=\"item[propValue]\"\n                          :value=\"item[propKey]\"\n                        ></el-option>\n                      </el-option-group>\n                    </template>\n                  </ht-select>\n                </td>\n                <td width=\"240px\">\n                  <el-select\n                    v-model=\"item.bindFilld\"\n                    clearable\n                    placeholder=\"请选择\"\n                    style=\"margin: 10px 10px 10px 30px\"\n                  >\n                    <el-option\n                      v-for=\"item in data.templateField\"\n                      :key=\"item.id\"\n                      :label=\"item.desc\"\n                      :value=\"item.name\"\n                    ></el-option>\n                  </el-select>\n                </td>\n                <td width=\"80px\" style=\"text-align: center;\">\n                  <el-button\n                    class=\"btn-padding\"\n                    style=\"margin-left:20px;\"\n                    icon=\"el-icon-delete\"\n                    @click=\"bindList.remove(item)\"\n                  ></el-button>\n                </td>\n              </tr>\n            </table>\n          </td>\n        </tr>\n        </tbody>\n      </table>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"confirmDataView()\">确 定</el-button>\n        <el-button @click=\"dialogDataViewVisible = false;\">取 消</el-button>\n      </div>\n    </el-dialog>\n  </template>\n  <template v-else>\n    <div class=\"property-empty\">当前布局字段没有可配置属性</div>\n  </template>\n\n  <el-dialog\n    title=\"设置栅格布局样式\"\n    :visible.sync=\"dialogStyleVisible\"\n    append-to-body\n    class=\"urgent-text\"\n    :before-close=\"includeStyleNo\"\n    :close-on-click-modal=\"false\"\n    width=\"600px\"\n  >\n    <span style=\"color: red; \">\n      编辑的只能为Style样式内容，如：border: 1px solid #ccc;&nbsp;&nbsp;border-left: none;\n      &nbsp;&nbsp;border-right: none;&nbsp;&nbsp;border-top: none;&nbsp;&nbsp;border-bottom: none;\n    </span>\n    <el-row style=\"height:100%\">\n      <codemirror v-model=\"style\" :options=\"cmStyle\" style=\"width: 99%;height:100%;\"></codemirror>\n      <div style=\"width: 15%; float: left\">\n        <div>颜色：</div>\n        <div class=\"block\">\n          <el-color-picker v-model=\"clickColor\"></el-color-picker>\n        </div>\n      </div>\n      <div style=\"width: 30%; float: left; margin-right: 25px\">\n        <div>类型：</div>\n        <div class=\"block\">\n          <el-select v-model=\"selectBorderType\" placeholder=\"请选择\">\n            <el-option\n              v-for=\"item in borderType\"\n              :key=\"item.value\"\n              :label=\"item.label\"\n              :value=\"item.value\"\n            ></el-option>\n          </el-select>\n        </div>\n      </div>\n      <div style=\"width: 30%; float: left\">\n        <div>可见性：</div>\n        <el-select v-model=\"hiddenBorder\" multiple collapse-tags placeholder=\"请选择\">\n          <el-option\n            v-for=\"item in hiddenBorderType\"\n            :key=\"item.value\"\n            :label=\"item.label\"\n            :value=\"item.value\"\n          ></el-option>\n        </el-select>\n      </div>\n    </el-row>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button type=\"primary\" @click=\"includeStyleOk\">确 定</el-button>\n      <el-button @click=\"includeStyleNo\">取 消</el-button>\n    </div>\n  </el-dialog>\n  <el-dialog title=\"添加关联关系\" :visible.sync=\"relationVisible\" append-to-body width=\"600px\" :close-on-click-modal=\"false\">\n    <el-form :inline=\"true\">\n      <el-button type=\"primary\" @click=\"add\">添加</el-button>\n    </el-form>\n    <el-table style=\"width: 100%\" :data=\"relations\" border>\n      <el-table-column type=\"selection\" width=\"55\" />\n      <el-table-column label=\"子表字段\">\n        <template slot-scope=\"scope\">\n          <el-select v-model=\"scope.row.key_\">\n            <el-option\n              v-for=\"result in data.list\"\n              :key=\"result.key\"\n              :label=\"result.name\"\n              :value=\"result.name\"\n            />\n          </el-select>\n        </template>\n      </el-table-column>\n      <el-table-column prop=\"value_\" label=\"主表字段\">\n        <template slot-scope=\"scope\">\n          <el-select v-model=\"scope.row.value_\">\n            <el-option\n              v-for=\"result in tablefields[0].children\"\n              :key=\"result.id\"\n              :label=\"result.name\"\n              :value=\"result.path+'.'+result.name\"\n            />\n          </el-select>\n        </template>\n      </el-table-column>\n      <el-table-column label=\"操作\">\n        <template slot-scope=\"scope\">\n          <el-button type=\"primary\" icon=\"el-icon-delete\" @click=\"remove(scope.$index)\"></el-button>\n        </template>\n      </el-table-column>\n    </el-table>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button type=\"primary\" @click=\"submit\">确定</el-button>\n      <el-button @click=\"relationVisible=false\">取消</el-button>\n    </div>\n  </el-dialog>\n  <!-- <hot-table-field-dialog ref=\"hotTableFieldDialog\" @after-save=\"hotTableFieldSave\" /> -->\n\n  <el-dialog\n    title=\"设置自动回填\"\n    :visible.sync=\"dialogcustOrgVisible\"\n    append-to-body\n    class=\"urgent-text\"\n    :close-on-click-modal=\"false\"\n    width=\"600px\"\n  >\n    <table\n      v-if=\"data.customDialogjson && data.customDialogjson.orgConfig\"\n      class=\"form-table\"\n      cellspacing=\"0\"\n      cellpadding=\"0\"\n      border=\"0\"\n    >\n      <tbody>\n      <tr class=\"linkageTable-tr\">\n        <td width=\"150px\">单位名称</td>\n        <td width=\"220px\">\n          <ht-select\n            filterable\n            v-model=\"data.customDialogjson.orgConfig.name\"\n            :options=\"\n                  subTables.filter(\n                    item => item.name === data.options.boSubEntity\n                  )\n                \"\n            :props=\"{ key: 'name', value: 'desc' }\"\n            clearable\n          >\n            <template slot-scope=\"{ options }\">\n              <el-option-group\n                v-for=\"(group, idenx) in options\"\n                :key=\"idenx\"\n                :label=\"group.desc\"\n              >\n                <el-option\n                  v-for=\"item in group.children\"\n                  :key=\"item.id\"\n                  :label=\"item.desc\"\n                  :value=\"item.path + '.' + item.name\"\n                ></el-option>\n              </el-option-group>\n            </template>\n          </ht-select>\n        </td>\n      </tr>\n      <tr class=\"linkageTable-tr\">\n        <td width=\"150px\">单位ID</td>\n        <td width=\"220px\">\n          <ht-select\n            v-model=\"data.customDialogjson.orgConfig.id\"\n            :options=\"\n                  subTables.filter(\n                    item => item.name === data.options.boSubEntity\n                  )\n                \"\n            :props=\"{ key: 'name', value: 'desc' }\"\n            clearable\n            filterable\n          >\n            <template slot-scope=\"{ options }\">\n              <el-option-group\n                v-for=\"(group, idenx) in options\"\n                :key=\"idenx\"\n                :label=\"group.desc\"\n              >\n                <el-option\n                  v-for=\"item in group.children\"\n                  :key=\"item.id\"\n                  :label=\"item.desc\"\n                  :value=\"item.path + '.' + item.name\"\n                ></el-option>\n              </el-option-group>\n            </template>\n          </ht-select>\n        </td>\n      </tr>\n      <tr class=\"linkageTable-tr\">\n        <td width=\"150px\">单位编码</td>\n        <td width=\"220px\">\n          <ht-select\n            v-model=\"data.customDialogjson.orgConfig.code\"\n            :options=\"\n                  subTables.filter(\n                    item => item.name === data.options.boSubEntity\n                  )\n                \"\n            :props=\"{ key: 'name', value: 'desc' }\"\n            clearable\n            filterable\n          >\n            <template slot-scope=\"{ options }\">\n              <el-option-group\n                v-for=\"(group, idenx) in options\"\n                :key=\"idenx\"\n                :label=\"group.desc\"\n              >\n                <el-option\n                  v-for=\"item in group.children\"\n                  :key=\"item.id\"\n                  :label=\"item.desc\"\n                  :value=\"item.path + '.' + item.name\"\n                ></el-option>\n              </el-option-group>\n            </template>\n          </ht-select>\n        </td>\n      </tr>\n      <tr class=\"linkageTable-tr\">\n        <td width=\"150px\">实例ID</td>\n        <td width=\"220px\">\n          <ht-select\n            v-model=\"data.customDialogjson.orgConfig.instId\"\n            :options=\"\n                  subTables.filter(\n                    item => item.name === data.options.boSubEntity\n                  )\n                \"\n            :props=\"{ key: 'name', value: 'desc' }\"\n            clearable\n            filterable\n          >\n            <template slot-scope=\"{ options }\">\n              <el-option-group\n                v-for=\"(group, idenx) in options\"\n                :key=\"idenx\"\n                :label=\"group.desc\"\n              >\n                <el-option\n                  v-for=\"item in group.children\"\n                  :key=\"item.id\"\n                  :label=\"item.desc\"\n                  :value=\"item.path + '.' + item.name\"\n                ></el-option>\n              </el-option-group>\n            </template>\n          </ht-select>\n        </td>\n      </tr>\n      </tbody>\n    </table>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button type=\"primary\" @click=\"custOrgDialogOk\">确 定</el-button>\n      <el-button @click=\"dialogcustOrgVisible = false\">取 消</el-button>\n    </div>\n  </el-dialog>\n\n  <!-- <el-dialog\n    title=\"设置表头\"\n    :visible.sync=\"dialogHotHeaderDialogVisible\"\n    append-to-body\n    class=\"urgent-text\"\n    :close-on-click-modal=\"false\"\n    width=\"1000px\"\n  >\n    <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n      <tbody>\n        <tr class=\"linkageTable-tr\">\n          <td width=\"100px\">字段别名</td>\n          <td width=\"130px\">字段名称</td>\n          <td width=\"100px\">首行汇总</td>\n          <td width=\"420px\">\n            操作\n            <el-button size=\"mini\" icon=\"el-icon-refresh\" @click=\"initHotColHeaders()\">初始化表头</el-button>\n          </td>\n        </tr>\n\n        <tr\n          class=\"linkageTable-tr\"\n          v-for=\"(field, index) in this.data.options.colHeadersRelations\"\n          :key=\"index\"\n        >\n          <td>{{ field.name }}</td>\n          <td>\n            <ht-input v-model=\"field.desc\" style=\"width: 175px\" />\n          </td>\n          <td>\n            <el-checkbox v-model=\"field.isSum\"></el-checkbox>\n          </td>\n          <td>\n            <el-button\n              icon=\"el-icon-edit\"\n              @click=\"setHotColumType(field)\"\n              :style=\"isFill(field.column)?{background:'#EBB563',color:'#ffffff'}:{background:'#ffffff'}\"\n            >控件</el-button>\n            <el-button\n              icon=\"el-icon-edit\"\n              @click=\"setHotMathExp(field)\"\n              :style=\"field.column.mathExp?{background:'#EBB563',color:'#ffffff'}:{background:'#ffffff'}\"\n            >行内统计</el-button>\n            <el-button\n              icon=\"el-icon-edit\"\n              @click=\"setHotRowMathExp(field)\"\n              :style=\"field.column.rowMathExp.length!==0?{background:'#EBB563',color:'#ffffff'}:{background:'#ffffff'}\"\n            >跨行统计</el-button>\n            <el-button icon=\"el-icon-delete\" @click=\"hotHeaderRemove(field)\"></el-button>\n            <el-button\n              size=\"small\"\n              icon=\"el-icon-arrow-up\"\n              @click=\"up(index,data.options.colHeadersRelations)\"\n            ></el-button>\n            <el-button\n              icon=\"el-icon-arrow-down\"\n              @click=\"down(index,data.options.colHeadersRelations)\"\n            ></el-button>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button type=\"primary\" @click=\"hotHeaderDialogOk\">确 定</el-button>\n      <el-button @click=\"dialogHotHeaderDialogVisible = false\">取 消</el-button>\n    </div>\n  </el-dialog>\n\n  <el-dialog\n    title=\"设置跨表取数\"\n    :visible.sync=\"dialogHotCrossMappingVisible\"\n    append-to-body\n    class=\"urgent-text\"\n    :close-on-click-modal=\"false\"\n    width=\"1080px\"\n  >\n    <el-container style=\"height:350px\">\n      <el-header\n        style=\"height:30px;line-height:30px;background: #fafafa; font-weight: bold;font-size: 14px;\"\n      >\n        <el-button size=\"small\" type=\"text\" icon=\"el-icon-plus\" @click=\"addHotCrossMapping()\">添加</el-button>\n      </el-header>\n      <el-main style=\"padding:0 0 0 20px\">\n        <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n          <tbody>\n            <tr class=\"linkageTable-tr\">\n              <td width=\"160px\">取数字段</td>\n              <td width=\"90px\">行号</td>\n              <td width=\"500px\">\n                取数源\n                <el-tooltip content=\"如果是从多个字段取数，则是做求和运算\">\n                  <i class=\"property-tip icon-question\" />\n                </el-tooltip>\n              </td>\n              <td width=\"220px\">操作</td>\n            </tr>\n\n            <tr\n              class=\"linkageTable-tr\"\n              v-for=\"(field, index) in this.data.options.crossMapping\"\n              :key=\"index\"\n            >\n              <td>\n                <ht-select\n                  v-model=\"field.toField\"\n                  :options=\"\n                        subTables.filter(\n                          item => item.name === data.options.boSubEntity\n                        )\n                      \"\n                  :props=\"{ key: 'name', value: 'desc' }\"\n                  clearable\n                  filterable\n                >\n                  <template slot-scope=\"{ options }\">\n                    <el-option-group\n                      v-for=\"(group, idenx) in options\"\n                      :key=\"idenx\"\n                      :label=\"group.desc\"\n                    >\n                      <el-option\n                        v-for=\"item in group.children\"\n                        :key=\"item.id\"\n                        :label=\"item.desc\"\n                        :value=\"item.path + '.' + item.name\"\n                      ></el-option>\n                    </el-option-group>\n                  </template>\n                </ht-select>\n              </td>\n              <td>\n                <ht-input\n                  size=\"mini\"\n                  width=\"80px\"\n                  type=\"number\"\n                  v-model=\"field.toIndex\"\n                  :min=\"0\"\n                />\n              </td>\n              <td>\n                <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                  <tbody>\n                    <tr class=\"linkageTable-tr\">\n                      <td width=\"180px\">源子表</td>\n                      <td width=\"160px\">源字段</td>\n                      <td width=\"90px\">行号</td>\n                      <td width=\"220px\">\n                        操作\n                        <el-button icon=\"el-icon-plus\" @click=\"addHotCrossMappingField(field)\"></el-button>\n                      </td>\n                    </tr>\n                    <tr\n                      class=\"linkageTable-tr\"\n                      v-for=\"(ffield, index) in field.fromFields\"\n                      :key=\"index\"\n                    >\n                      <td>\n                        <ht-select\n                          v-model=\"ffield.fromSubTabPath\"\n                          :options=\"\n                                      subTables.filter(\n                                        item => item.name !== data.options.boSubEntity\n                                      )\n                                    \"\n                          clearable\n                          filterable\n                          :props=\"{ key: 'path', value: 'desc' }\"\n                        />\n                      </td>\n                      <td>\n                        <ht-select\n                          v-model=\"ffield.fromField\"\n                          :options=\"\n                                      subTables.filter(\n                                        item => item.path === ffield.fromSubTabPath\n                                      )\n                                    \"\n                          :props=\"{ key: 'name', value: 'desc' }\"\n                          clearable\n                          filterable\n                        >\n                          <template slot-scope=\"{ options }\">\n                            <el-option-group\n                              v-for=\"(group, idenx) in options\"\n                              :key=\"idenx\"\n                              :label=\"group.desc\"\n                            >\n                              <el-option\n                                v-for=\"item in group.children\"\n                                :key=\"item.id\"\n                                :label=\"item.desc\"\n                                :value=\"item.path + '.' + item.name\"\n                              ></el-option>\n                            </el-option-group>\n                          </template>\n                        </ht-select>\n                      </td>\n                      <td>\n                        <ht-input\n                          size=\"mini\"\n                          width=\"80px\"\n                          type=\"number\"\n                          v-model=\"ffield.fromIndex\"\n                          :min=\"0\"\n                        />\n                      </td>\n                      <td>\n                        <el-button icon=\"el-icon-plus\" @click=\"addHotCrossMappingField(field)\"></el-button>\n                        <el-button\n                          icon=\"el-icon-delete\"\n                          @click=\"hotCrossMappingFiledRemove(field,ffield)\"\n                        ></el-button>\n                      </td>\n                    </tr>\n                  </tbody>\n                </table>\n              </td>\n              <td>\n                <el-button icon=\"el-icon-delete\" @click=\"hotCrossMappingRemove(field)\"></el-button>\n                <el-button\n                  size=\"small\"\n                  icon=\"el-icon-arrow-up\"\n                  @click=\"up(index,data.options.crossMapping)\"\n                ></el-button>\n                <el-button\n                  icon=\"el-icon-arrow-down\"\n                  @click=\"down(index,data.options.crossMapping)\"\n                ></el-button>\n                <el-button\n                  icon=\"el-icon-document-copy\"\n                  @click=\"data.options.crossMapping.push(JSON.parse(JSON.stringify(field)))\"\n                ></el-button>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </el-main>\n    </el-container>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button type=\"primary\" @click=\"hotCrossMappingDialogOk\">确 定</el-button>\n      <el-button @click=\"dialogHotCrossMappingVisible = false\">取 消</el-button>\n    </div>\n  </el-dialog>\n\n  <el-dialog\n    title=\"主表汇总\"\n    :visible.sync=\"dialogMainTableCalcVisible\"\n    append-to-body\n    class=\"urgent-text\"\n    :close-on-click-modal=\"false\"\n    width=\"1080px\"\n  >\n    <el-container style=\"height:350px\">\n      <el-header\n        style=\"height:30px;line-height:30px;background: #fafafa; font-weight: bold;font-size: 14px;\"\n      >\n        <el-button size=\"small\" type=\"text\" icon=\"el-icon-plus\" @click=\"addHotMainTableCalc()\">添加</el-button>\n      </el-header>\n      <el-main style=\"padding:0 0 0 20px\">\n        <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n          <tbody>\n            <tr class=\"linkageTable-tr\">\n              <td width=\"160px\">名称</td>\n              <td width=\"160px\">主表字段</td>\n              <td width=\"160px\">求和字段</td>\n              <td width=\"220px\">操作</td>\n            </tr>\n\n            <tr\n              class=\"linkageTable-tr\"\n              v-for=\"(field, index) in this.data.options.mainTableCalcs\"\n              :key=\"index\"\n            >\n              <td>\n                <ht-input size=\"mini\" width=\"130px\" v-model=\"field.name\" />\n              </td>\n              <td>\n                <ht-select\n                  v-model=\"field.mainField\"\n                  :options=\"boDefData.children\"\n                  :props=\"{ key: 'name', value: 'desc' }\"\n                  clearable\n                  filterable\n                >\n                  <template slot-scope=\"{ options }\">\n                    <el-option-group\n                      v-for=\"(group, idenx) in options\"\n                      :key=\"idenx\"\n                      :label=\"group.desc\"\n                    >\n                      <el-option\n                        v-for=\"item in group.children\"\n                        v-show=\"item.nodeType=='field'\"\n                        :key=\"item.id\"\n                        :label=\"item.desc\"\n                        :value=\"item.path + '.' + item.name\"\n                      ></el-option>\n                    </el-option-group>\n                  </template>\n                </ht-select>\n              </td>\n              <td>\n                <ht-select\n                  v-model=\"field.sumField\"\n                  :options=\"\n                        subTables.filter(\n                          item => item.name === data.options.boSubEntity\n                        )\n                      \"\n                  :props=\"{ key: 'name', value: 'desc' }\"\n                  clearable\n                  filterable\n                >\n                  <template slot-scope=\"{ options }\">\n                    <el-option-group\n                      v-for=\"(group, idenx) in options\"\n                      :key=\"idenx\"\n                      :label=\"group.desc\"\n                    >\n                      <el-option\n                        v-for=\"item in group.children\"\n                        :key=\"item.id\"\n                        :label=\"item.desc\"\n                        :value=\"item.path + '.' + item.name\"\n                      ></el-option>\n                    </el-option-group>\n                  </template>\n                </ht-select>\n              </td>\n\n              <td>\n                <el-button icon=\"el-icon-delete\" @click=\"hotMainTableCalcRemove(field)\"></el-button>\n                <el-button\n                  size=\"small\"\n                  icon=\"el-icon-arrow-up\"\n                  @click=\"up(index,data.options.mainTableCalcs)\"\n                ></el-button>\n                <el-button\n                  icon=\"el-icon-arrow-down\"\n                  @click=\"down(index,data.options.mainTableCalcs)\"\n                ></el-button>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </el-main>\n    </el-container>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button type=\"primary\" @click=\"hotMainTableCalcDialogOk\">确 定</el-button>\n      <el-button @click=\"dialogMainTableCalcVisible = false\">取 消</el-button>\n    </div>\n  </el-dialog>\n\n  <el-dialog\n    title=\"单元格计算\"\n    :visible.sync=\"dialogCellCalcVisible\"\n    append-to-body\n    class=\"urgent-text\"\n    :close-on-click-modal=\"false\"\n    width=\"1280px\"\n  >\n    <el-container style=\"height:520px\">\n      <el-header\n        style=\"height:30px;line-height:30px;background: #fafafa; font-weight: bold;font-size: 14px;\"\n      >\n        <el-button size=\"small\" type=\"text\" icon=\"el-icon-plus\" @click=\"addHotCellCalc()\">添加</el-button>\n      </el-header>\n      <el-main style=\"padding:0 0 0 20px\">\n        <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n          <tbody>\n            <tr class=\"linkageTable-tr\">\n              <td width=\"160px\">计算列</td>\n              <td width=\"90px\">行号</td>\n              <td width=\"360px\">计算公式</td>\n              <td width=\"220px\">操作</td>\n            </tr>\n\n            <tr\n              class=\"linkageTable-tr\"\n              v-for=\"(field, index) in this.data.options.cellCalcs\"\n              :key=\"index\"\n            >\n              <td>\n                <ht-select\n                  v-model=\"field.cellField\"\n                  :options=\"\n                        subTables.filter(\n                          item => item.name === data.options.boSubEntity\n                        )\n                      \"\n                  :props=\"{ key: 'name', value: 'desc' }\"\n                  clearable\n                  filterable\n                >\n                  <template slot-scope=\"{ options }\">\n                    <el-option-group\n                      v-for=\"(group, idenx) in options\"\n                      :key=\"idenx\"\n                      :label=\"group.desc\"\n                    >\n                      <el-option\n                        v-for=\"item in group.children\"\n                        :key=\"item.id\"\n                        :label=\"item.desc\"\n                        :value=\"item.path + '.' + item.name\"\n                      ></el-option>\n                    </el-option-group>\n                  </template>\n                </ht-select>\n              </td>\n              <td>\n                <ht-input\n                  size=\"mini\"\n                  width=\"80px\"\n                  type=\"number\"\n                  v-model=\"field.rowIndex\"\n                  :min=\"0\"\n                />\n              </td>\n              <td>\n                <ht-input type=\"textarea\" v-model=\"field.mathExp\" />\n              </td>\n              <td>\n                <el-button icon=\"el-icon-edit\" @click=\"hotCellCalcEdit(field)\"></el-button>\n                <el-button icon=\"el-icon-delete\" @click=\"hotCellCalcRemove(field)\"></el-button>\n                <el-button\n                  size=\"small\"\n                  icon=\"el-icon-arrow-up\"\n                  @click=\"up(index,data.options.cellCalcs)\"\n                ></el-button>\n                <el-button icon=\"el-icon-arrow-down\" @click=\"down(index,data.options.cellCalcs)\"></el-button>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </el-main>\n    </el-container>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button type=\"primary\" @click=\"hotCellCalcDialogOk\">确 定</el-button>\n      <el-button @click=\"dialogCellCalcVisible = false\">取 消</el-button>\n    </div>\n  </el-dialog>\n\n  <el-dialog\n    title=\"设置嵌套表头\"\n    :visible.sync=\"dialogHotNestedHeadersVisible\"\n    append-to-body\n    class=\"urgent-text\"\n    :close-on-click-modal=\"false\"\n    width=\"1200px\"\n  >\n    <el-container style=\"height:350px\">\n      <el-header\n        style=\"height:30px;line-height:30px;background: #fafafa; font-weight: bold;font-size: 14px;\"\n      >\n        <el-button size=\"small\" type=\"text\" icon=\"el-icon-plus\" @click=\"addHotNestedHeaders()\">添加</el-button>\n      </el-header>\n      <el-main style=\"padding:0 0 0 20px\">\n        <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n          <tbody>\n            <tr class=\"linkageTable-tr\">\n              <td width=\"60px\">序号</td>\n              <td>表头设置</td>\n              <td width=\"200px\">操作</td>\n            </tr>\n\n            <tr\n              class=\"linkageTable-tr\"\n              v-for=\"(field, index) in data.options.nestedHeaders\"\n              :key=\"index\"\n            >\n              <td>{{index+1}}</td>\n              <td>\n                <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                  <tbody>\n                    <tr class=\"linkageTable-tr\">\n                      <td width=\"120px\">合并列名</td>\n                      <td width=\"150px\">开始列</td>\n                      <td width=\"150px\">结束列</td>\n                      <td width=\"220px\">操作</td>\n                    </tr>\n                    <tr\n                      class=\"linkageTable-tr\"\n                      v-for=\"(header, index) in field.headers\"\n                      :key=\"index\"\n                    >\n                      <td>\n                        <ht-input size=\"mini\" type=\"text\" v-model=\"header.name\" />\n                      </td>\n                      <td>\n                        <ht-select\n                          v-model=\"header.startField\"\n                          :options=\"data.options.colHeadersRelations\"\n                          :props=\"{ key: 'name', value: 'desc' }\"\n                          clearable\n                          filterable\n                        >\n                          <template slot-scope=\"{ options }\">\n                            <el-option\n                              v-for=\"(item, cidenx) in options\"\n                              v-show=\"cidenx!=0\"\n                              :key=\"item.id\"\n                              :label=\"item.desc\"\n                              :value=\"item.name\"\n                            ></el-option>\n                          </template>\n                        </ht-select>\n                      </td>\n                      <td>\n                        <ht-select\n                          v-model=\"header.endField\"\n                          :options=\"data.options.colHeadersRelations\"\n                          :props=\"{ key: 'name', value: 'desc' }\"\n                          clearable\n                          filterable\n                        >\n                          <template slot-scope=\"{ options }\">\n                            <el-option\n                              v-for=\"(item, cidenx) in options\"\n                              v-show=\"cidenx!=0\"\n                              :key=\"item.id\"\n                              :label=\"item.desc\"\n                              :value=\"item.name\"\n                            ></el-option>\n                          </template>\n                        </ht-select>\n                      </td>\n                      <td>\n                        <el-button\n                          size=\"small\"\n                          icon=\"el-icon-plus\"\n                          @click=\"hotNestedHeadersItemAdd(field.headers)\"\n                        ></el-button>\n                        <el-button\n                          icon=\"el-icon-delete\"\n                          @click=\"hotNestedHeadersItemRemove(field.headers,header)\"\n                        ></el-button>\n                        <el-button\n                          size=\"small\"\n                          icon=\"el-icon-arrow-up\"\n                          @click=\"up(index,field.headers)\"\n                        ></el-button>\n                        <el-button icon=\"el-icon-arrow-down\" @click=\"down(index,field.headers)\"></el-button>\n                      </td>\n                    </tr>\n                  </tbody>\n                </table>\n              </td>\n              <td>\n                <el-button icon=\"el-icon-delete\" @click=\"hotNestedHeadersRemove(field)\"></el-button>\n                <el-button\n                  size=\"small\"\n                  icon=\"el-icon-arrow-up\"\n                  @click=\"up(index,data.options.nestedHeaders)\"\n                ></el-button>\n                <el-button\n                  icon=\"el-icon-arrow-down\"\n                  @click=\"down(index,data.options.nestedHeaders)\"\n                ></el-button>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </el-main>\n    </el-container>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button type=\"primary\" @click=\"hotNestedHeadersDialogOk\">确 定</el-button>\n      <el-button @click=\"dialogHotNestedHeadersVisible = false\">取 消</el-button>\n    </div>\n  </el-dialog> -->\n\n  <!-- <el-dialog\n    title=\"统计函数\"\n    ref=\"hotMathDialog\"\n    :visible.sync=\"dialogHotCountVisible\"\n    destroy-on-close\n    append-to-body\n    :close-on-click-modal=\"false\"\n  >\n    <math-dialog ref=\"mathDialog\" :bo-def-data=\"boDefData\" :visible.sync=\"dialogHotCountVisible\" />\n  </el-dialog>\n\n  <hot-subDialog ref=\"hotSubDialog\" :custdialog=\"data.customDialogjson\"></hot-subDialog>\n\n  <el-dialog\n    title=\"单元格统计函数\"\n    ref=\"hotCellMathDialog\"\n    :visible.sync=\"dialogCellCountVisible\"\n    destroy-on-close\n    append-to-body\n    :close-on-click-modal=\"false\"\n  >\n    <cell-math-dialog\n      ref=\"cellMathDialog\"\n      :bo-def-data=\"boDefData\"\n      :visible.sync=\"dialogCellCountVisible\"\n    />\n  </el-dialog>\n\n  <el-dialog\n    title=\"跨行统计函数\"\n    ref=\"hotRowsMathDialog\"\n    :visible.sync=\"dialogHotRowsCountVisible\"\n    destroy-on-close\n    append-to-body\n    :close-on-click-modal=\"false\"\n  >\n    <math-row-dialog\n      ref=\"mathRowDialog\"\n      :bo-sub-entity=\"data.options.boSubEntity\"\n      :bo-def-data=\"boDefData\"\n      :sub-tables=\"subTables\"\n      :visible.sync=\"dialogHotRowsCountVisible\"\n    />\n  </el-dialog> -->\n  <el-dialog\n    title=\"自定义表头\"\n    :visible.sync=\"dialogincluddingFileVisible\"\n    append-to-body\n    class=\"urgent-text\"\n    :before-close=\"includeFilesOk\"\n    :close-on-click-modal=\"false\"\n    width=\"900px\"\n  >\n    <el-row style=\"height:100%\">\n      <el-col :span=\"13\">\n          <textarea\n            v-model=\"subCustomHeader\"\n            type=\"textarea\"\n            rows=\"30\"\n            autocomplete=\"off\"\n            ref=\"scriptText\"\n            style=\"width: 99%;height:100%;\"\n          ></textarea>\n      </el-col>\n      <el-col :span=\"10\" :push=\"1\">\n        <el-card class=\"box-card\">\n          <div slot=\"header\" class=\"clearfix\">\n            <span>使用说明</span>\n          </div>\n          <ol class=\"guide-ol\">\n            <li>\n              可从\n              <code>引入脚本</code>处复制头部\n              <code>thead标签</code>中行\n              <code>tr标签</code>所有数据作为二级头部信息\n            </li>\n            <li>\n              参照复制的二级头部数据，进行\n              <code>th标签</code>的修改合并为一级头部\n            </li>\n            <li>\n              示例：\n              <el-input\n                v-model=\"tableHeaderExample\"\n                :autosize=\"{ minRows: 2, maxRows: 7}\"\n                type=\"textarea\"\n              />\n            </li>\n          </ol>\n        </el-card>\n      </el-col>\n    </el-row>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button type=\"primary\" @click=\"includeFilesOk\">确 定</el-button>\n      <el-button\n        @click=\"\n            dialogincluddingFileVisible = false;\n            subCustomHeader = '';\n          \"\n      >取 消</el-button>\n    </div>\n  </el-dialog>\n</div>\n",null]}