<div class="rule_batch_plan_rule_template">
  <template v-if="!modelPojo">
    <div>无法找到公式，请联系管理员。</div>
    <div>Could find modelPojo, please contact administrator.</div>
  </template>
  <template v-else>
    <template v-for="(ruleManageRowPojo, ruleManageRowPojoIndexInt) of modelPojo.ruleManageRowPojoList">
      <!-- 如果当前行被选中,则修改当前行及内部边框的颜色 -->
      <div class="flex flex-wrap content-start noMarginOrPaddingIncludeChildren border border-solid" style="margin-bottom: 10px;" :class="[modelPojo.focusIdString === ruleManageRowPojo.idString ? 'border_color_parent' : 'border_color_rgb_299_299_299']" @click.stop="frontMethodProxy('clickRuleManageRowPojo', 'ruleManageRowPojo', ruleManageRowPojo)">
        <div class="inline-block h-full w-full">
          <!-- 适用范围 -->
          <div class="border-t-0 border-r-0 border-l-0 border-b border_color_rgb_299_299_299 border-solid inline-block w-full">
            <!--共性范围-->
            <div class="inline-block w-full float-left" :style="{'pointer-events' : (ruleManageRowPojo.disableCommonScopeBoolean === true ? 'none' : 'auto'), 'opacity' : (ruleManageRowPojo.disableCommonScopeBoolean === true ? '0.6' : '1')}">
              <!-- 能用div,尽量用div,因为span的height无效 -->
              <div class="inline-block float-left padding_left_5px padding_right_5px background_color_rgba_229_229_229_0_5 height_32px line_height_30px">{{getLangMsg('common_scope_of_application', '共性范围')}}：</div>
              <template v-for="ruleRangePojo of ruleManageRowPojo.ruleRangePojoList">
                <template v-if="ruleRangePojo.nameString">
                  <!-- padding-top: 1px;padding-bottom: 1px; -->
                  <div class="inline-block float-left pt-px pb-px">
                    <!-- 32-1-1=30,但这里不用设置line-height,因为可能存在换行的情况 -->
                    <!-- 之前这里设置的是蓝色边框,但经理要求去除边框,因此这里将边框颜色改为白色,其他的不变以免影响后面的高度 -->
                    <div class="border border_color_white border-solid h-full inline-block">
                      <!-- 点击"维度"后弹出"适用范围"的设置页面,如点击"度量"后设置"金额"和"仅自己" -->
                      <!-- 计算必须精确,否则会导致换行时不能顶到最左边 -->
                      <!-- 32-1-1-1-1=28 -->
                      <div class="h-full inline-block line_height_28px padding_left_5px padding_right_5px color_0E5FD8 cursor-pointer" @click.stop="customEventWithArgs('showRangeDimMembForm', 'ruleManageRowPojo', ruleManageRowPojo, 'ruleRangePojo', ruleRangePojo)">
                        <!-- 显示编码 -->
                        <template v-if="modelPojo && modelPojo.ruleManagePojo && modelPojo.ruleManagePojo.showtypeString === 'NUMBER'">{{ruleRangePojo.numberString}}</template>
                        <!-- 显示编码名称 -->
                        <template v-else-if="modelPojo && modelPojo.ruleManagePojo && (modelPojo.ruleManagePojo.showtypeString === 'NUMNAME' || modelPojo.ruleManagePojo.showtypeString === 'ALL')">{{ruleRangePojo.nameString}}({{ruleRangePojo.numberString}})</template>
                        <!-- 默认或显示名称(NAME) -->
                        <template v-else>{{ruleRangePojo.nameString}}</template>
                      </div>
                      <div class="h-full inline-block line_height_28px">{</div>
                      <template v-for="(ruleRangMemberPojo,ruleRangMemberPojoIndexInt) of ruleRangePojo.ruleRangMemberPojoList">
                        <!-- 有多个维度则以","进行分割 -->
                        <template v-if="ruleRangMemberPojoIndexInt != 0">
                          <div class="h-full inline-block line_height_28px">,</div>
                        </template>
                        <!-- 由于渐变动画效果不好,这里使用disable-transitions禁用 -->
                        <!-- 注意:disable-transitions接收的是Boolean类型,因此需要额外加上":" -->
                        <div class="h-full inline-block line_height_28px padding_left_5px padding_right_5px">
                          <div class="h-full inline-block line_height_28px" :class="[ruleRangMemberPojo.propBoolean === true && ruleRangMemberPojo.propRuleRangMemberPojo ? 'color_0E5FD8 cursor-pointer' : '']" @click.stop="ruleRangMemberPojo.propBoolean === true && ruleRangMemberPojo.propRuleRangMemberPojo && frontMethodProxy('clickRuleRangMemberPojo', 'event', $event, 'ruleManageRowPojo', ruleManageRowPojo, 'ruleRangMemberPojo', ruleRangMemberPojo, 'ruleRangePojo', ruleRangePojo)">
                            <!-- 显示编码 -->
                            <template v-if="modelPojo && modelPojo.ruleManagePojo && modelPojo.ruleManagePojo.showtypeString === 'NUMBER'">
                              <template v-if="ruleRangMemberPojo.propBoolean === true && ruleRangMemberPojo.propRuleRangMemberPojo">
                                {{ruleRangMemberPojo.propRuleRangMemberPojo.numberString}}.{{ruleRangMemberPojo.numberString}}
                              </template>
                              <template v-else>
                                {{ruleRangMemberPojo.numberString}}.{{ruleRangMemberPojo.rangEnumNumberString}}
                              </template>
                            </template>
                            <!-- 显示编码和名称 -->
                            <template v-else-if="modelPojo && modelPojo.ruleManagePojo && (modelPojo.ruleManagePojo.showtypeString === 'NUMNAME' || modelPojo.ruleManagePojo.showtypeString === 'ALL')">
                              <template v-if="ruleRangMemberPojo.propBoolean === true && ruleRangMemberPojo.propRuleRangMemberPojo">
                                {{ruleRangMemberPojo.propRuleRangMemberPojo.nameString}}({{ruleRangMemberPojo.propRuleRangMemberPojo.numberString}}).{{ruleRangMemberPojo.nameString}}({{ruleRangMemberPojo.numberString}})
                              </template>
                              <template v-else>
                                {{ruleRangMemberPojo.nameString}}({{ruleRangMemberPojo.numberString}}).{{ruleRangMemberPojo.rangEnumNameString}}({{ruleRangMemberPojo.rangEnumNumberString}})
                              </template>
                            </template>
                            <!-- 默认或显示名称(NAME) -->
                            <template v-else>
                              <template v-if="ruleRangMemberPojo.propBoolean === true && ruleRangMemberPojo.propRuleRangMemberPojo">
                                {{ruleRangMemberPojo.propRuleRangMemberPojo.nameString}}.{{ruleRangMemberPojo.nameString}}
                              </template>
                              <template v-else>
                                {{ruleRangMemberPojo.nameString}}.{{ruleRangMemberPojo.rangEnumNameString}}
                              </template>
                            </template>
                          </div>
                          <template v-if="ruleRangMemberPojo.necessaryBoolean !== true">
                            <!-- 删除成员 -->
                            <i class="el-icon-circle-close padding_left_5px color_red cursor-pointer" @click.stop="customEventWithArgs('deleteRuleRangMember', 'ruleManageRowPojo', ruleManageRowPojo, 'ruleRangePojo', ruleRangePojo, 'ruleRangMemberPojo', ruleRangMemberPojo)"></i>
                          </template>
                        </div>
                      </template>
                      <div class="inline-block line_height_28px">}</div>
                      <template v-if="ruleRangePojo.necessaryBoolean !== true">
                        <!-- 删除维度的图标 -->
                        <div class="h-full inline-block line_height_28px cursor-pointer">
                          <i class="el-icon-circle-close color_red" size="small" @click.stop="customEventWithArgs('deleteRuleRangPojo', 'ruleManageRowPojo', ruleManageRowPojo, 'ruleRangePojo', ruleRangePojo)"></i>
                        </div>
                      </template>
                    </div>
                  </div>
                </template>
              </template>
              <!-- 点击后显示维度弹框 -->
              <!-- ruleManageRowPojo.idString:该行的ID -->
              <div class="inline-block padding_left_5px padding_right_5px float-left height_32px line_height_32px color_0E5FD8 background_color_rgba_229_229_229_0_5 cursor-pointer" @click.stop="customEventWithArgs('showDimForRuleRow', 'ruleManageRowPojo', ruleManageRowPojo)">
                <i class="el-icon-circle-plus-outline padding_right_5px"></i>{{getLangMsg('add_dimension', '增加维度')}}
              </div>
            </div>
            <!--个性范围-->
            <div class="inline-block w-full float-left" :style="{'pointer-events' : (ruleManageRowPojo.readOnlyBoolean === true ? 'none' : 'auto'), 'opacity' : (ruleManageRowPojo.readOnlyBoolean === true ? '0.6' : '1')}">
              <div class="inline-block float-left padding_left_5px padding_right_5px background_color_rgba_229_229_229_0_5 height_32px line_height_30px">{{getLangMsg('individual_scope_of_application', '个性范围')}}：</div>
              <template v-if="ruleManageRowPojo.individualRuleRangePojoList">
                <template v-for="(individualRuleRangePojo,individualRuleRangePojoIndexInt) of ruleManageRowPojo.individualRuleRangePojoList">
                  <!-- padding-top: 1px;padding-bottom: 1px; -->
                  <div class="inline-block float-left pt-px pb-px">
                    <!-- 32-1-1=30,但这里不用设置line-height,因为可能存在换行的情况 -->
                    <!-- 之前这里设置的是蓝色边框,但经理要求去除边框,因此这里将边框颜色改为白色,其他的不变以免影响后面的高度 -->
                    <div class="border border_color_white border-solid h-full inline-block">
                      <!-- 有多个维度则以","进行分割 -->
                      <template v-if="individualRuleRangePojoIndexInt != 0">
                        <div class="h-full inline-block line_height_28px">,</div>
                      </template>
                      <div class="h-full inline-block line_height_28px padding_left_5px padding_right_5px" @click.stop="customEventWithArgs('showRangeDimMembForm', 'ruleManageRowPojo', ruleManageRowPojo, 'individualRuleRangePojo', individualRuleRangePojo)">
                        <!-- 显示编码 -->
                        <template v-if="modelPojo && modelPojo.ruleManagePojo && modelPojo.ruleManagePojo.showtypeString === 'NUMBER'">{{individualRuleRangePojo.numberString}}</template>
                        <!-- 显示编码名称 -->
                        <template v-else-if="modelPojo && modelPojo.ruleManagePojo && (modelPojo.ruleManagePojo.showtypeString === 'NUMNAME' || modelPojo.ruleManagePojo.showtypeString === 'ALL')">{{individualRuleRangePojo.nameString}}({{individualRuleRangePojo.numberString}})</template>
                        <!-- 默认或显示名称(NAME) -->
                        <template v-else>{{individualRuleRangePojo.nameString}}</template>
                      </div>
                      <!-- 删除维度的图标 -->
                      <div class="h-full inline-block line_height_28px cursor-pointer">
                        <i class="el-icon-circle-close color_red" size="small" @click.stop="customEventWithArgs('deleteIndividualRuleRangePojo', 'ruleManageRowPojo', ruleManageRowPojo, 'individualRuleRangePojo', individualRuleRangePojo)"></i>
                      </div>
                    </div>
                  </div>
                </template>
              </template>
              <!-- 点击后显示维度弹框 -->
              <!-- ruleManageRowPojo.idString:该行的ID -->
              <div class="inline-block padding_left_5px padding_right_5px float-left height_32px line_height_32px color_0E5FD8 background_color_rgba_229_229_229_0_5 cursor-pointer" @click.stop="customEventWithArgs('add_individual_dimension', 'ruleManageRowPojo', ruleManageRowPojo)">
                <i class="el-icon-circle-plus-outline padding_right_5px"></i>{{getLangMsg('add_individual_dimension', '增加维度')}}
              </div>
            </div>
          </div>
          <!-- 公式部分 -->
          <template v-if="ruleManageRowPojo.formulaPojoList">
            <!-- keyup需要ruleManageRowPojoIndexInt以更新数组 -->
            <!--click事件不要加stop,这样就可以冒泡,上层将调用clickRuleManageRowPojo-->
            <div class="formula_div w-full block flex-wrap" :style="{'opacity' : (ruleManageRowPojo.readOnlyBoolean === true ? '0.6' : '1')}" :contenteditable="ruleManageRowPojo.readOnlyBoolean !== true" :ref="ruleManageRowPojo.formulaDivKeyString" :key="ruleManageRowPojo.formulaDivKeyString" @compositionstart="frontMethodProxy('compositionstart', 'event', $event, 'ruleManageRowPojo', ruleManageRowPojo)" @compositionend="frontMethodProxy('compositionend', 'event', $event, 'ruleManageRowPojo', ruleManageRowPojo)" @compositionupdate="frontMethodProxy('compositionupdate', 'event', $event, 'ruleManageRowPojo', ruleManageRowPojo)" @keyup.stop="frontMethodProxy('keyup', 'modelPojo', modelPojo, 'ruleManageRowPojo', ruleManageRowPojo, 'event', $event, 'ruleManageRowPojoIndexInt', ruleManageRowPojoIndexInt)" @blur.stop="frontMethodProxy('blur', 'ruleManageRowPojo', ruleManageRowPojo)" @click="frontMethodProxy('setNextNodeUuidString', 'ruleManageRowPojo', ruleManageRowPojo)">
              <!-- 这里面的内容允许用户自定义,因此只能通过后端进行设置或修改来触发重新渲染 -->
              <template v-for="(formulaPojo,formulaPojoIndexInt) of ruleManageRowPojo.formulaPojoList">
                <!-- formulaPojo可能为undefined -->
                <template v-if="formulaPojo">
                  <!-- 文本类型 -->
                  <template v-if="StringConstant.text === formulaPojo.typeString">
                    <span :type="formulaPojo.typeString" :uuidstring="formulaPojo.uuidString">{{formulaPojo.valueString}}</span>
                  </template>
                  <!-- 维度成员类型 -->
                  <template v-else-if="StringConstant.member === formulaPojo.typeString">
                    <!-- 给成员加点击事件,用户可以在右边的"成员范围"标签页中设置"成员范围"及"变量" -->
                    <!-- ruleManageRowPojo.idString:该行的唯一ID -->
                    <!-- formulaPojo.idString:该表达式的唯一ID,这里对应的是成员的唯一ID,比如"公司一"的唯一ID -->
                    <!-- formulaPojo.uuidString:该表达式的唯一UUID,前端解析用户输入时需带上(前端不允许驼峰命令,只能全小写,uuidstring不要取错了),用于后端唯一标识该member -->
                    <!-- @click.stop中使用&&动态绑定事件 -->
                    <!-- 使用":class"根据添加动态绑定class -->
                    <!-- 打开右侧的"成员范围" -->
                    <span contenteditable="false" @click.stop="formulaPojoIndexInt > 0 && customEventWithArgs(formulaPojo.callbackMethodNameString, 'ruleManageRowPojo', ruleManageRowPojo, 'formulaPojo', formulaPojo)" class="margin_left_3px margin_right_3px" :class="[formulaPojoIndexInt > 0 && formulaPojo.callbackMethodNameString ? 'color_0E5FD8 cursor-pointer' : '', formulaPojo.uuidString === showMemberUuidString ? 'background_color_rgba_229_229_229_0_5' : '']" :type="formulaPojo.typeString" :uuidstring="formulaPojo.uuidString">
                      <!-- 显示编码 -->
                      <!-- 显示编码名称 -->
                      <!-- 默认或显示名称(NAME) -->
                      <!--缩为一行,否则换行符会在前端体现为空格-->
                      <template v-if="modelPojo && modelPojo.ruleManagePojo && modelPojo.ruleManagePojo.showtypeString === 'NUMBER'">{{formulaPojo.numberString}}</template><template v-else-if="modelPojo && modelPojo.ruleManagePojo && (modelPojo.ruleManagePojo.showtypeString === 'NUMNAME' || modelPojo.ruleManagePojo.showtypeString === 'ALL')">{{formulaPojo.valueString}}({{formulaPojo.numberString}})</template><template v-else>{{formulaPojo.valueString}}</template><template v-if="formulaPojoIndexInt > 0 && formulaPojo.notMainMemberList && formulaPojo.notMainMemberList.length && formulaPojo.notMainMemberList.length > 0"><template v-for="(notMainMember,notMainMemberIndexInteger) of formulaPojo.notMainMemberList"><template v-if="modelPojo && modelPojo.ruleManagePojo && modelPojo.ruleManagePojo.showtypeString === 'NUMBER'"><template v-if="notMainMember.nameString">|{{notMainMember.numberString}}</template></template><template v-else-if="modelPojo && modelPojo.ruleManagePojo && modelPojo.ruleManagePojo.showtypeString === 'NUMNAME'"><template v-if="notMainMember.numberString">|{{notMainMember.nameString}}({{notMainMember.numberString}})</template></template><template v-else-if="modelPojo && modelPojo.ruleManagePojo && modelPojo.ruleManagePojo.showtypeString === 'ALL'"><template v-if="notMainMember.dimNumber">|{{notMainMember.dimensionNameString}}({{notMainMember.dimNumber}}):{{notMainMember.nameString}}({{notMainMember.numberString}})</template></template><template v-else>|{{notMainMember.nameString}}</template></template></template>
                    </span>
                  </template>
                  <!-- 逻辑符号或其他函数 -->
                  <template v-else-if="StringConstant.logic === formulaPojo.typeString || StringConstant.other === formulaPojo.typeString">
                    <span contenteditable="false" :type="formulaPojo.typeString" :uuidstring="formulaPojo.uuidString">{{formulaPojo.valueString}}</span>
                  </template>
                  <!-- 函数,注意:函数由多个子项组成,函数作为一个整体不可分割 -->
                  <template v-else-if="StringConstant.function === formulaPojo.typeString && formulaPojo.subFormulaPojoList && formulaPojo.subFormulaPojoList.length > 0">
                    <span contenteditable="false" class="margin_right_3px" :type="formulaPojo.typeString" :uuidstring="formulaPojo.uuidString">
                      <template v-for="(subFormulaPojo,subFormulaPojoIndex) of formulaPojo.subFormulaPojoList">
                        <template v-if="subFormulaPojo">
                          <template v-if="StringConstant.text === subFormulaPojo.typeString">
                            <!-- 文本类型不设置margin-right -->
                            <span :type="subFormulaPojo.typeString">{{subFormulaPojo.valueString}}</span>
                          </template>
                          <template v-else-if="StringConstant.member === subFormulaPojo.typeString">
                            <!-- 给成员加点击事件,用户可以在右边的"成员范围"标签页中设置"成员范围"及"变量" -->
                            <!-- 打开右侧的"成员范围" -->
                            <span @click.stop="subFormulaPojo.callbackMethodNameString && customEventWithArgs(subFormulaPojo.callbackMethodNameString, 'ruleManageRowPojo', ruleManageRowPojo, 'formulaPojo', formulaPojo, 'subFormulaPojo', subFormulaPojo)" :class="[subFormulaPojo.callbackMethodNameString ? 'color_0E5FD8 cursor-pointer' : '']">
                              <!-- 显示编码 -->
                              <template v-if="modelPojo && modelPojo.ruleManagePojo && modelPojo.ruleManagePojo.showtypeString === 'NUMBER'">{{subFormulaPojo.numberString}}</template>
                              <!-- 显示编码名称 -->
                              <template v-else-if="modelPojo && modelPojo.ruleManagePojo && (modelPojo.ruleManagePojo.showtypeString === 'NUMNAME' || modelPojo.ruleManagePojo.showtypeString === 'ALL')">{{subFormulaPojo.valueString}}({{subFormulaPojo.numberString}})</template>
                              <!-- 默认或显示名称(NAME) -->
                              <template v-else>{{subFormulaPojo.valueString}}</template>
                            </span>
                          </template>
                          <template v-else-if="StringConstant.indivisible === subFormulaPojo.typeString">
                            <span @click.stop="subFormulaPojo.callbackMethodNameString && customEventWithArgs(subFormulaPojo.callbackMethodNameString, 'ruleManageRowPojo', ruleManageRowPojo, 'formulaPojo', formulaPojo, 'subFormulaPojo', subFormulaPojo)" :class="[subFormulaPojo.callbackMethodNameString ? 'color_0E5FD8 cursor-pointer' : '']">{{subFormulaPojo.valueString}}</span>
                          </template>
                        </template>
                      </template>
                    </span>
                  </template>
                </template>
              </template>
            </div>
          </template>
        </div>
      </div>
    </template>
    <!-- 模糊匹配弹框 -->
    <template v-if="modelPojo.fuzzyMatchingPojo && modelPojo.fuzzyMatchingPojo.showBoolean === true">
      <!-- fixed:固定定位,以窗口左上角为原点定位,定位之后相对于窗口的位置始终不变 -->
      <!-- "white-space: nowrap;"如果一行放不行,不允许换行,将出现水平滚动条 -->
      <div :key="modelPojo.fuzzyMatchingPojo.uuidString" class="fixed background_color_white" style="transform-origin: center top;z-index: 2004;box-shadow: rgba(0, 0, 0, 0.2) 0 1px 8px 0;white-space: nowrap;" :style="{'width' : (modelPojo.fuzzyMatchingPojo.stylePojo && modelPojo.fuzzyMatchingPojo.stylePojo.widthInteger ? modelPojo.fuzzyMatchingPojo.stylePojo.widthInteger + 'px' : '360px' ),'height' : (modelPojo.fuzzyMatchingPojo.stylePojo && modelPojo.fuzzyMatchingPojo.stylePojo.heightInteger ? modelPojo.fuzzyMatchingPojo.stylePojo.heightInteger + 'px' : '360px' ),'top' : (modelPojo.fuzzyMatchingPojo.stylePojo && modelPojo.fuzzyMatchingPojo.stylePojo.topInteger ? modelPojo.fuzzyMatchingPojo.stylePojo.topInteger + 'px' : '600px' ),'left' : (modelPojo.fuzzyMatchingPojo.stylePojo && modelPojo.fuzzyMatchingPojo.stylePojo.leftInteger ? modelPojo.fuzzyMatchingPojo.stylePojo.leftInteger + 'px' : '10px' )}">
        <div class="background_color_rgb_245_245_245" style="padding: 0 0 0 20px;height: 36px;">
          <div class="inline-block color_rgb_51_51_51 font_size_14px" style="line-height: 36px;width: 160px;">{{getLangMsg('number', '编码')}}</div>
          <div class="inline-block color_rgb_51_51_51 font_size_14px" style="line-height: 36px;">{{getLangMsg('name', '名称')}}</div>
        </div>
        <div style="height: 288px;" class="w-full overflow-auto">
          <template v-if="modelPojo.fuzzyMatchingPojo.fuzzyMatchingMemberPojoList">
            <template v-for="fuzzyMatchingMemberPojo of modelPojo.fuzzyMatchingPojo.fuzzyMatchingMemberPojoList">
              <div :class="[fuzzyMatchingMemberPojo.selectedBoolean === true ? 'background_color_rgb_245_245_245':'', 'cursor-pointer']" style="padding: 0 0 0 20px;height: 30px;" @mousemove.stop="frontMethodProxy('mousemoveFuzzyMatching', 'event', $event, 'fuzzyMatchingMemberPojo', fuzzyMatchingMemberPojo)" @mouseout.stop="frontMethodProxy('mouseoutFuzzyMatching', 'event', $event, 'fuzzyMatchingMemberPojo', fuzzyMatchingMemberPojo)" @click.stop="frontMethodProxy('selectFuzzyMatchingMember', 'event', $event, 'fuzzyMatchingMemberPojo', fuzzyMatchingMemberPojo)">
                <div class="inline-block color_rgb_102_102_102 font_size_12px" style="height: 30px;line-height: 30px;;width: 160px">{{fuzzyMatchingMemberPojo.numberString}}</div>
                <div class="inline-block color_rgb_102_102_102 font_size_12px" style="height: 30px;line-height: 30px;">{{fuzzyMatchingMemberPojo.nameString}}</div>
              </div>
            </template>
          </template>
        </div>
        <div style="height: 36px;">
          <div class="color_0E5FD8 text-center font_size_14px cursor-pointer" style="line-height: 36px;" @click.stop="frontMethodProxy('closeFuzzyMatching', 'event', $event, 'fuzzyMatchingPojo', modelPojo.fuzzyMatchingPojo)">{{getLangMsg('close', '关闭')}}</div>
        </div>
      </div>
    </template>
    <!-- 显示维度成员(自定义属性) -->
    <template v-if="ruleRangMemberPojo && ruleRangMemberPojo.propRuleRangMemberPojo && ruleRangMemberPojo.propBoolean === true">
      <!-- fixed:固定定位,以窗口左上角为原点定位,定位之后相对于窗口的位置始终不变 -->
      <!-- "white-space: nowrap;"如果一行放不行,不允许换行,将出现水平滚动条 -->
      <div :key="ruleRangMemberPojo.numberString" class="fixed background_color_white" style="transform-origin: center top;z-index: 2021;box-shadow: rgba(0, 0, 0, 0.2) 0 1px 8px 0;white-space: nowrap;" :style="{'width' : (ruleRangMemberPojoStylePojo && ruleRangMemberPojoStylePojo.widthInteger ? ruleRangMemberPojoStylePojo.widthInteger + 'px' : '360px' ),'height' : (ruleRangMemberPojoStylePojo && ruleRangMemberPojoStylePojo.heightInteger ? ruleRangMemberPojoStylePojo.heightInteger + 'px' : '360px' ),'top' : (ruleRangMemberPojoStylePojo && ruleRangMemberPojoStylePojo.topInteger ? ruleRangMemberPojoStylePojo.topInteger + 'px' : '600px' ),'left' : (ruleRangMemberPojoStylePojo && ruleRangMemberPojoStylePojo.leftInteger ? ruleRangMemberPojoStylePojo.leftInteger + 'px' : '10px' )}">
        <div class="background_color_rgb_245_245_245" style="padding: 0 0 0 20px;height: 36px;">
          <div class="inline-block color_rgb_51_51_51 font_size_14px" style="line-height: 36px;width: 160px;">{{getLangMsg('number', '编码')}}</div>
          <div class="inline-block color_rgb_51_51_51 font_size_14px" style="line-height: 36px;">{{getLangMsg('name', '名称')}}</div>
        </div>
        <div style="height: 288px;" class="w-full overflow-auto">
          <template v-if="ruleRangMemberPojo.propValueRuleRangMemberPojoList">
            <template v-for="propValueRuleRangMemberPojo of ruleRangMemberPojo.propValueRuleRangMemberPojoList">
              <div style="padding: 0 0 0 20px;height: 30px;">
                <div class="inline-block color_rgb_102_102_102 font_size_12px" style="height: 30px;line-height: 30px;;width: 160px">{{propValueRuleRangMemberPojo.numberString}}</div>
                <div class="inline-block color_rgb_102_102_102 font_size_12px" style="height: 30px;line-height: 30px;">{{propValueRuleRangMemberPojo.nameString}}</div>
              </div>
            </template>
          </template>
        </div>
        <div style="height: 36px;">
          <div class="color_0E5FD8 text-center font_size_14px cursor-pointer" style="line-height: 36px;" @click.stop="frontMethodProxy('closeRuleRangMemberPojo')">{{getLangMsg('close', '关闭')}}</div>
        </div>
      </div>
    </template>
  </template>
</div>