<div class="bizruleeditbox3">
  <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="{'opacity' : (ruleManageRowPojo.readOnlyBoolean === true ? '0.6' : '1')}" :class="[modelPojo.focusIdString === ruleManageRowPojo.idString ? 'border_color_parent' : 'border_color_rgb_299_299_299']" @click.stop="frontMethodProxy(null, 'ruleManageRowPojo', ruleManageRowPojo)">
        <!-- 左边 -->
        <div class="inline-block h-full w-5/100">
          <!-- 序号 -->
          <div class="text-center line_height_160px">{{ruleManageRowPojoIndexInt + 1}}</div>
        </div>
        <!-- 中间 -->
        <div class="inline-block h-full w-80/100 border-t-0 border-b-0 border-l border-r border_color_rgb_299_299_299 border-solid">
          <!--显示编码等-->
          <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 style="display: inline-block;margin-right: 30px;height: 44px;">
              <div style="margin-bottom: 5px;color: #989898;">{{getLangMsg('code', '编码')}}</div>
              <div>
                <input type="text" class="input kd_input" v-model="ruleManageRowPojo.numberString" style="color: #989898;max-width: 900px;" :style="{'width': Math.max(CommonUtils.getStringRealLength(ruleManageRowPojo.numberString) * 10, 200) + 'px'}" disabled="disabled"/>
              </div>
            </div>
          </div>
          <!-- 上部分的适用范围 -->
          <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"  :style="{'pointer-events' : (ruleManageRowPojo.readOnlyBoolean === true ? 'none' : 'auto')}">
            <div class="inline-block w-full float-left">
              <!-- 能用div,尽量用div,因为span的height无效 -->
              <!-- line-height=height-(border-top-width)-(border-bottom-width) -->
              <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('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'">{{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, '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'">
                              <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>
          <!-- 中间部分的公式 -->
          <template v-if="ruleManageRowPojo.formulaPojoList">
            <!-- keyup需要ruleManageRowPojoIndexInt以更新数组 -->
            <div class="formula_div w-full block flex-wrap" contenteditable="true" :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.stop="frontMethodProxy('setNextNodeUuidString', 'ruleManageRowPojo', ruleManageRowPojo)">
              <!-- 这里面的内容允许用户自定义,因此只能通过后端进行设置或修改来触发重新渲染 -->
              <template v-for="formulaPojo 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="formulaPojo.leafBoolean !== true && customEventWithArgs(formulaPojo.callbackMethodNameString, 'ruleManageRowPojo', ruleManageRowPojo, 'formulaPojo', formulaPojo)" class="margin_left_3px margin_right_3px" :class="[formulaPojo.leafBoolean !== true && formulaPojo.callbackMethodNameString ? 'color_0E5FD8 cursor-pointer' : '', formulaPojo.uuidString === showMemberUuidString ? 'background_color_rgba_229_229_229_0_5' : '']" :type="formulaPojo.typeString" :uuidstring="formulaPojo.uuidString">
                      <!-- 显示编码 -->
                      <template v-if="modelPojo && modelPojo.ruleManagePojo && modelPojo.ruleManagePojo.showtypeString === 'NUMBER'">{{formulaPojo.numberString}}</template>
                      <!-- 显示编码名称 -->
                      <template v-else-if="modelPojo && modelPojo.ruleManagePojo && modelPojo.ruleManagePojo.showtypeString === 'NUMNAME'">{{formulaPojo.valueString}}({{formulaPojo.numberString}})</template>
                      <!-- 默认或显示名称(NAME) -->
                      <template v-else>{{formulaPojo.valueString}}</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'">{{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>
            <el-input type="textarea" :disabled="ruleManageRowPojo.readOnlyBoolean === true" :autosize="{ minRows: 2, maxRows: 10}" :placeholder="getLangMsg('please_input_comments', '请输入注释内容')" v-model="ruleManageRowPojo.noteString" maxlength="300" show-word-limit></el-input>
          </div>
        </div>
        <!-- 右边 -->
        <div class="inline-block h-full w-15/100 padding_left_5px padding_right_5px">
          <!--范围是否扩大,如果扩大了则展示提醒的图标-->
          <template v-if="ruleManageRowPojo.expandBoolean === true">
            <div style="float: right;margin-top: 5px;">
              <el-tooltip :content="ruleManageRowPojo.expandTipString ? ruleManageRowPojo.expandTipString : 'The Scope Has Expanded'" placement="top">
                <div class="el-icon-warning" style="color: #ffd966;font-size: 30px;"></div>
              </el-tooltip>
            </div>
          </template>
          <div class="height_32px line_height_32px">{{getLangMsg('status', '状态')}}</div>
          <div>
            <div class="inline-block" @click.stop="(ruleManageRowPojo.readOnlyBoolean !== true) && frontMethodProxy('switchRadio', 'event', $event, 'ruleManageRowPojo', ruleManageRowPojo)">
              <el-switch :disabled="ruleManageRowPojo.readOnlyBoolean === true" v-model="ruleManageRowPojo.enableBoolean === true"></el-switch>
            </div>
          </div>
          <!-- 设置一个上边距,以区分上一个组合 -->
          <div class="height_32px line_height_32px margin_top_5px">{{getLangMsg('leaf_feature', '适用成员类型')}}</div>
          <div class="w-full executerange_div">
            <!-- executerangeString对应的是下拉框中的valueString -->
            <el-select :disabled="ruleManageRowPojo.readOnlyBoolean === true" v-model="ruleManageRowPojo.executerangeString" placeholder="Please Select" class="w-full">
              <!-- 后端代码不允许硬编码中文,因此labelString的定义放在前端 -->
              <el-option v-for="executerangePojo of ruleManageRowPojo.executerangePojoList" :key="executerangePojo.valueString" :label="getLabelString(executerangePojo.valueString)" :value="executerangePojo.valueString" :disabled="executerangePojo.disabledBoolean">
                <!-- 后端代码不允许硬编码中文,因此labelString的定义放在前端 -->
                <!-- "都适用","仅明细","仅非明细" -->
                <span class="float-left">{{ getLabelString(executerangePojo.valueString) }}</span>
              </el-option>
            </el-select>
          </div>
        </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>