Source/UBCS-WEB/src/views/code/code.vue

@@ -1,822 +1,820 @@
<template>
  <basic-container style="height: 100%;">

    <!-- 编码规则信息展示区域 -->
    <basic-container class="code-rule-container">
      <p style="margin-top: -5px; margin-bottom: 4px; font-weight: 570; font-size: 19px; color: #0e2d5f;">编码规则</p>
      <avue-crud class="code-rule-crud"
        :option="optionRule"
        :table-loading="loading"
        :data="data"
        :page.sync="page"
        :permission="permissionList"
        v-model="ruleForm"
        ref="crud"
        :before-open="beforeOpen"
        @row-click="codeRuleRowClick"
        @row-update="rowUpdate"
        @row-save="rowSave"
        @search-change="searchChange"
        @search-reset="searchReset"
        @selection-change="selectionChange"
        @current-change="currentChange"
        @size-change="sizeChange"
        @refresh-change="refreshChange"
        @on-load="onLoad">
        <!-- 表格内操作按钮 -->
        <template slot="menu" slot-scope="scope">
          <el-button type="text"
  <basic-container style="height: 100%;" class="code-total">
      <!-- 编码规则信息展示区域 -->
      <basic-container class="code-rule-container">
        <p style="margin-top: -5px; margin-bottom: 4px; font-weight: 570; font-size: 19px; color: #0e2d5f;">编码规则</p>
        <avue-crud class="code-rule-crud"
          :option="optionRule"
          :table-loading="loading"
          :data="data"
          :page.sync="page"
          :permission="permissionList"
          v-model="ruleForm"
          ref="crud"
          :before-open="beforeOpen"
          @row-click="codeRuleRowClick"
          @row-update="rowUpdate"
          @row-save="rowSave"
          @search-change="searchChange"
          @search-reset="searchReset"
          @selection-change="selectionChange"
          @current-change="currentChange"
          @size-change="sizeChange"
          @refresh-change="refreshChange"
          @on-load="onLoad">
          <!-- 表格内操作按钮 -->
          <template slot="menu" slot-scope="scope">
            <el-button type="text"
                size="small"
                icon="el-icon-edit"
                v-show="scope.row.lcStatus=='Editing' ? true:false"
                plain
                @click="openEdit(scope.row)">编 辑
            </el-button>
            <el-button type="text"
              size="small"
              icon="el-icon-edit"
              icon="el-icon-position"
              v-show="scope.row.lcStatus=='Editing' ? true:false"
              plain
              @click="openEdit(scope.row)">编 辑
          </el-button>
          <el-button type="text"
              :disabled="releadDisabled"
              @click="enableOrDeactivatse(scope.row.oid,'release')">发 布
            </el-button>
            <el-button type="text"
              size="small"
              v-show="scope.row.lcStatus=='Released' ? true:false"
              icon="el-icon-video-pause"
              plain
              @click="enableOrDeactivatse(scope.row.oid,'disable')">停 用
            </el-button>
            <el-button type="text"
              size="small"
              v-show="scope.row.lcStatus=='Disabled' ? true:false"
              icon="el-icon-video-play"
              plain
              @click="enableOrDeactivatse(scope.row.oid,'enable')">启 用
            </el-button>
          </template>
          <!-- 表格上方按钮区域 -->
          <template slot="menuLeft" slot-scope="scope">
            <el-button type="danger"
              size="small"
              icon="el-icon-delete"
              plain
              @click="handleDelete">
              删 除
            </el-button>
            <el-button type="primary"
              size="small"
              icon="el-icon-search"
              plain
              @click="openAdvancedQuery('codeRule')">
              高级查询
            </el-button>
            <el-button
              size="small"
              icon="icon-kelong"
              plain
              @click="openCodeRuleDialog">
              克 隆
            </el-button>
            <el-button
              size="small"
              icon="icon-lianjiekelong"
              style="font-size: 12px;"
              plain
              @click="openOtherCodeRuleDialog">
              从其他规则中克隆码段
            </el-button>
            <el-button
              size="small"
              icon="el-icon-s-help"
              plain
              @click="handleRange">
              使用范围
            </el-button>
            <el-button
                size="small"
                icon="icon-qingkong"
                plain
                @click="clearAllCodeSec">
                清空码值
            </el-button>
            <el-button
                size="small"
                icon="el-icon-guide"
                plain
                @click="escapeOwner">
                转移所有者
            </el-button>
          </template>
        </avue-crud>
      </basic-container>

      <!-- 高级查询对话框 -->
      <advanced-query
        :ref="advancedQueryParam.ref"
        :options="advancedQueryParam.options"
        :visible.sync="advancedQueryParam.advancedQuerySettingBox"
        @echoContion="echoSeniorContionMap">
      </advanced-query>

      <!-- 编码规则相关对话框 -->
      <el-dialog title="编码规则使用范围"
        append-to-body
        :visible.sync="codeRangeSettingBox"
        width="800px"
        style="height: 116vh; margin-top: -10vh;">
        <avue-crud
          :option="dialogeOption"
          :table-loading="dialogLoading"
          :data="useRangeData"
          @refresh-change="refreshUseRangeChange">
        </avue-crud>
      </el-dialog>

      <!-- 编码规则,克隆对话框 -->
      <el-dialog title="克隆编码规则"
        append-to-body
        :visible.sync="cloneSettingBox"
        width="800px"
        style="height: 120vh; margin-top: -14vh; overflow: hidden;">
        <div style="overflow-y: auto; height: 78vh">
          <el-row>
            <el-form ref="form" :model="form" label-width="80px" :inline="true">
              <el-form-item label="编号" required>
                <el-input v-model="cloneCodeRuleForm.id"></el-input>
              </el-form-item>
              <el-form-item label="名称" required>
                <el-input v-model="cloneCodeRuleForm.name"></el-input>
              </el-form-item>
              <el-form-item  label="描述" class="clone-input-textarea">
                <el-input :autosize="{ minRows: 3, maxRows: 5}" type="textarea" v-model="cloneCodeRuleForm.description"></el-input>
              </el-form-item>
            </el-form>
          </el-row>
          <el-row>
            <p style="margin: -3vh 0px 16px 50%; font-weight: 500; font-size: 16px; color: #000;">码段管理</p>
            <avue-crud
              class="clone-avue-crud"
              :option="cloneOption"
              :table-loading="cloneTableLoading"
              :data="cloneData"
              @on-load="cloneDataOnLoad">
              <template slot="menu" slot-scope="scope">
                <el-button
                  type="text"
                  size="small"
                  icon="el-icon-arrow-up"
                  v-show="scope.row.orderNum > 1"
                  plain
                  @click="upOrderNum(scope.row)">上移
                </el-button>
                <el-button
                  type="text"
                  size="small"
                  icon="el-icon-arrow-down"
                  plain
                  @click="downOrderNum(scope.row)">下移
                </el-button>
              </template>
            </avue-crud>
          </el-row>
        </div>
        <div slot="footer" class="dialog-footer" style="height: 50px; margin-top: -4vh;">
          <el-button type="primary" @click="saveCloneCodeRule">保 存</el-button>
          <el-button @click="cloneSettingBox = false">取 消</el-button>
        </div>
      </el-dialog>

      <!-- 编码规则,从其他规则克隆对话框 -->
      <el-dialog title="克隆编码规则的基础信息"
        append-to-body
        :visible.sync="cloneOtherCodeRuleSettingBox"
        width="800px"
        style="height: 150vh; margin-top: -14vh;"
        destroy-on-close>
        <div>
          <el-row>
            <p style="margin-top: -12px; margin-bottom: 4px; font-weight: 570; font-size: 19px; color: #0e2d5f;">编码规则</p>
            <avue-crud
              class="other-clone-coderule-crud"
              :option="cloneCodeRuleOption"
              @row-click="codeOtherCloneRuleRowClick"
              :table-loading="loading"
              :data="data"
              :page.sync="page"
              ref="crudCloneCodeRuleOther"
              @size-change="sizeChange"
              @selection-change="selectionOtherCloneCodeRuleChange"
              @on-load="onLoad">
            </avue-crud>
          </el-row>
          <el-row>
            <p style="margin-top: -12px; margin-bottom: 4px; font-weight: 570; font-size: 19px; color: #0e2d5f;">码段信息</p>
            <avue-crud
              class="other-clone-codebasic-crud"
              :option="cloneBasicOption"
              ref="crudCloneCodeBasicOther"
              :table-loading="loadingBasic"
              :data="basicData"
              @row-click="codeOtherCloneBasicRowClick"
              @selection-change="selectionOtherCloneCodeBasicChange">
            </avue-crud>
          </el-row>
        </div>
        <div slot="footer" class="dialog-footer" style="height: 50px; margin-top: -4vh;">
          <el-button type="primary" @click="saveOtherCodeBasic">保 存</el-button>
          <el-button @click="cloneOtherCodeRuleSettingBox = false">取 消</el-button>
        </div>
      </el-dialog>
      
      <!-- 编码规则,转移所有者对话框 -->
      <el-dialog
        :visible.sync="escapeOwnerVisible"
        append-to-body
        title="转移所有者"
        width="30%">
        <el-select v-model="ruleOwner" placeholder="请选择" class="selects">
          <el-option
            v-for="item in ruleAdminUserList"
            :key="item.VALUE"
            :label="item.LABLE"
            :value="item.VALUE"
            class="seloption">
          </el-option>
        </el-select>
          <span slot="footer" class="dialog-footer">
            <el-button @click="escapeOwnerVisible = false">取 消</el-button>
            <el-button type="primary" @click="escapeOwnerConfirm">确 定</el-button>
          </span>
      </el-dialog>

      <!-- 基础码段展示区域 -->
      <basic-container class="code-basicsec-container">
        <p style="margin-top: -5px; margin-bottom: 4px; font-weight: 570; font-size: 19px; color: #0e2d5f;">码段管理</p>
        <avue-crud  class="code-basic-crud"
          :option="optionBasic"
          ref="crudBasic"
          :table-loading="loadingBasic"
          :data="basicData"
          @row-click="codeBasicSecRowClick"
          @search-change="basicSearchChange"
          @search-reset="basicSearchReset"
          :permission="permissionList"
          @selection-change="selectionBasicChange"
          @refresh-change="refreshChangeBasicSec">

        <!-- 基础码段表格内操作按钮 -->
        <template slot="menu" slot-scope="scope">
          <el-button
            type="text"
            size="small"
            icon="el-icon-position"
            v-show="scope.row.lcStatus=='Editing' ? true:false"
            icon="el-icon-view"
            v-show="currentRuleLcStatus != 'Editing'"
            plain
            :disabled="releadDisabled"
            @click="enableOrDeactivatse(scope.row.oid,'release')">发 布
            @click="openBasicDialog('view',scope.row)">查看
          </el-button>
          <el-button type="text"
          <el-button
            type="text"
            size="small"
            v-show="scope.row.lcStatus=='Released' ? true:false"
            icon="el-icon-video-pause"
            icon="el-icon-edit"
            v-show="currentRuleLcStatus === 'Editing'"
            plain
            @click="enableOrDeactivatse(scope.row.oid,'disable')">停 用
            @click="openBasicDialog('edit',scope.row)">编辑
          </el-button>
          <el-button type="text"
          <el-button
            type="text"
            size="small"
            v-show="scope.row.lcStatus=='Disabled' ? true:false"
            icon="el-icon-video-play"
            icon="el-icon-setting"
            v-show="scope.row.secType === 'codeclassifysec' || scope.row.secType == 'codefixedsec'"
            plain
            @click="enableOrDeactivatse(scope.row.oid,'enable')">启 用
            @click="openBasicSecCodeValueMgr(scope.row)">码值管理
          </el-button>
          <el-button
            type="text"
            size="small"
            icon="el-icon-arrow-up"
            v-show="scope.row.orderNum > 1"
            plain
            @click="upOrderNum(scope.row)">上移
          </el-button>
          <el-button
            type="text"
            size="small"
            icon="el-icon-arrow-down"
            plain
            @click="downOrderNum(scope.row)">下移
          </el-button>
        </template>
        <!-- 表格上方按钮区域 -->

        <!-- 基础码段表格左上方按钮区域 -->
        <template slot="menuLeft" slot-scope="scope">
          <el-button type="primary"
              size="small"
              icon="el-icon-plus"
              :disabled="selectionList.length <= 0"
              @click="openAddBasicCodeSec">
              新 增
          </el-button>
          <el-button type="danger"
            size="small"
            icon="el-icon-delete"
            plain
            @click="handleDelete">
            删 除
              size="small"
              icon="el-icon-delete"
              :disabled="selectionList.length <= 0"
              plain
              @click="deleteBasicCode(scope.row)">
              删 除
          </el-button>
          <el-button type="primary"
            size="small"
            icon="el-icon-search"
            plain
            @click="openAdvancedQuery('codeRule')">
            高级查询
          </el-button>
          <el-button
            size="small"
            icon="icon-kelong"
            plain
            @click="openCodeRuleDialog">
            克 隆
          </el-button>
          <el-button
            size="small"
            icon="icon-lianjiekelong"
            style="font-size: 12px;"
            plain
            @click="openOtherCodeRuleDialog">
            从其他规则中克隆码段
          </el-button>
          <el-button
            size="small"
            icon="el-icon-s-help"
            plain
            @click="handleRange">
            使用范围
          </el-button>
          <el-button
              size="small"
              icon="icon-qingkong"
              icon="el-icon-search"
              plain
              @click="clearAllCodeSec">
              清空码值
          </el-button>
          <el-button
              size="small"
              icon="el-icon-guide"
              plain
              @click="escapeOwner">
              转移所有者
              :disabled="selectionList.length <= 0"
              @click="openAdvancedQuery('codeBasicSec')">
              高级查询
          </el-button>
        </template>
      </avue-crud>
    </basic-container>

    <!-- 高级查询对话框 -->
    <advanced-query
      :ref="advancedQueryParam.ref"
      :options="advancedQueryParam.options"
      :visible.sync="advancedQueryParam.advancedQuerySettingBox"
      @echoContion="echoSeniorContionMap">
    </advanced-query>
        </avue-crud>
      </basic-container>

    <!-- 编码规则相关对话框 -->
    <el-dialog title="编码规则使用范围"
      append-to-body
      :visible.sync="codeRangeSettingBox"
      width="800px"
      style="height: 116vh; margin-top: -10vh;">
      <avue-crud
        :option="dialogeOption"
        :table-loading="dialogLoading"
        :data="useRangeData"
        @refresh-change="refreshUseRangeChange">
      </avue-crud>
    </el-dialog>

    <!-- 编码规则,克隆对话框 -->
    <el-dialog title="克隆编码规则"
      append-to-body
      :visible.sync="cloneSettingBox"
      width="800px"
      style="height: 120vh; margin-top: -14vh; overflow: hidden;">
      <div style="overflow-y: auto; height: 78vh">
        <el-row>
          <el-form ref="form" :model="form" label-width="80px" :inline="true">
            <el-form-item label="编号" required>
              <el-input v-model="cloneCodeRuleForm.id"></el-input>
            </el-form-item>
            <el-form-item label="名称" required>
              <el-input v-model="cloneCodeRuleForm.name"></el-input>
            </el-form-item>
            <el-form-item  label="描述" class="clone-input-textarea">
              <el-input :autosize="{ minRows: 3, maxRows: 5}" type="textarea" v-model="cloneCodeRuleForm.description"></el-input>
            </el-form-item>
          </el-form>
        </el-row>
        <el-row>
          <p style="margin: -3vh 0px 16px 50%; font-weight: 500; font-size: 16px; color: #000;">码段管理</p>
          <avue-crud
            class="clone-avue-crud"
            :option="cloneOption"
            :table-loading="cloneTableLoading"
            :data="cloneData"
            @on-load="cloneDataOnLoad">
            <template slot="menu" slot-scope="scope">
              <el-button
                type="text"
                size="small"
                icon="el-icon-arrow-up"
                v-show="scope.row.orderNum > 1"
                plain
                @click="upOrderNum(scope.row)">上移
              </el-button>
              <el-button
                type="text"
                size="small"
                icon="el-icon-arrow-down"
                plain
                @click="downOrderNum(scope.row)">下移
              </el-button>
            </template>
          </avue-crud>
        </el-row>
      </div>
      <div slot="footer" class="dialog-footer" style="height: 50px; margin-top: -4vh;">
        <el-button type="primary" @click="saveCloneCodeRule">保 存</el-button>
        <el-button @click="cloneSettingBox = false">取 消</el-button>
      </div>
    </el-dialog>

    <!-- 编码规则,从其他规则克隆对话框 -->
    <el-dialog title="克隆编码规则的基础信息"
      append-to-body
      :visible.sync="cloneOtherCodeRuleSettingBox"
      width="800px"
      style="height: 150vh; margin-top: -14vh;"
      destroy-on-close>
      <div>
        <el-row>
          <p style="margin-top: -12px; margin-bottom: 4px; font-weight: 570; font-size: 19px; color: #0e2d5f;">编码规则</p>
          <avue-crud
            class="other-clone-coderule-crud"
            :option="cloneCodeRuleOption"
            @row-click="codeOtherCloneRuleRowClick"
            :table-loading="loading"
            :data="data"
            :page.sync="page"
            ref="crudCloneCodeRuleOther"
            @size-change="sizeChange"
            @selection-change="selectionOtherCloneCodeRuleChange"
            @on-load="onLoad">
          </avue-crud>
        </el-row>
        <el-row>
          <p style="margin-top: -12px; margin-bottom: 4px; font-weight: 570; font-size: 19px; color: #0e2d5f;">码段信息</p>
          <avue-crud
            class="other-clone-codebasic-crud"
            :option="cloneBasicOption"
            ref="crudCloneCodeBasicOther"
            :table-loading="loadingBasic"
            :data="basicData"
            @row-click="codeOtherCloneBasicRowClick"
            @selection-change="selectionOtherCloneCodeBasicChange">
          </avue-crud>
        </el-row>
      </div>
      <div slot="footer" class="dialog-footer" style="height: 50px; margin-top: -4vh;">
        <el-button type="primary" @click="saveOtherCodeBasic">保 存</el-button>
        <el-button @click="cloneOtherCodeRuleSettingBox = false">取 消</el-button>
      </div>
    </el-dialog>
    
    <!-- 编码规则,转移所有者对话框 -->
    <el-dialog
      :visible.sync="escapeOwnerVisible"
      append-to-body
      title="转移所有者"
      width="30%">
      <el-select v-model="ruleOwner" placeholder="请选择" class="selects">
        <el-option
          v-for="item in ruleAdminUserList"
          :key="item.VALUE"
          :label="item.LABLE"
          :value="item.VALUE"
          class="seloption">
        </el-option>
      </el-select>
        <span slot="footer" class="dialog-footer">
          <el-button @click="escapeOwnerVisible = false">取 消</el-button>
          <el-button type="primary" @click="escapeOwnerConfirm">确 定</el-button>
        </span>
    </el-dialog>

    <!-- 基础码段展示区域 -->
    <basic-container class="code-basicsec-container">
      <p style="margin-top: -5px; margin-bottom: 4px; font-weight: 570; font-size: 19px; color: #0e2d5f;">码段管理</p>
      <avue-crud  class="code-basic-crud"
        :option="optionBasic"
        ref="crudBasic"
        :table-loading="loadingBasic"
        :data="basicData"
        @row-click="codeBasicSecRowClick"
        @search-change="basicSearchChange"
        @search-reset="basicSearchReset"
        :permission="permissionList"
        @selection-change="selectionBasicChange"
        @refresh-change="refreshChangeBasicSec">

      <!-- 基础码段表格内操作按钮 -->
      <template slot="menu" slot-scope="scope">
        <el-button
          type="text"
          size="small"
          icon="el-icon-view"
          v-show="currentRuleLcStatus != 'Editing'"
          plain
          @click="openBasicDialog('view',scope.row)">查看
        </el-button>
        <el-button
          type="text"
          size="small"
          icon="el-icon-edit"
          v-show="currentRuleLcStatus === 'Editing'"
          plain
          @click="openBasicDialog('edit',scope.row)">编辑
        </el-button>
        <el-button
          type="text"
          size="small"
          icon="el-icon-setting"
          v-show="scope.row.secType === 'codeclassifysec' || scope.row.secType == 'codefixedsec'"
          plain
          @click="openBasicSecCodeValueMgr(scope.row)">码值管理
        </el-button>
        <el-button
          type="text"
          size="small"
          icon="el-icon-arrow-up"
          v-show="scope.row.orderNum > 1"
          plain
          @click="upOrderNum(scope.row)">上移
        </el-button>
        <el-button
          type="text"
          size="small"
          icon="el-icon-arrow-down"
          plain
          @click="downOrderNum(scope.row)">下移
        </el-button>
      </template>

      <!-- 基础码段表格左上方按钮区域 -->
      <template slot="menuLeft" slot-scope="scope">
        <el-button type="primary"
            size="small"
            icon="el-icon-plus"
            :disabled="selectionList.length <= 0"
            @click="openAddBasicCodeSec">
            新 增
        </el-button>
        <el-button type="danger"
            size="small"
            icon="el-icon-delete"
            :disabled="selectionList.length <= 0"
            plain
            @click="deleteBasicCode(scope.row)">
            删 除
        </el-button>
        <el-button type="primary"
            size="small"
            icon="el-icon-search"
            plain
            :disabled="selectionList.length <= 0"
            @click="openAdvancedQuery('codeBasicSec')">
            高级查询
        </el-button>
      </template>

      </avue-crud>
    </basic-container>

    <!-- 码段码值管理对话框 -->
    <el-dialog title="码段码值管理"
      :visible.sync="isShowBasicSecCodeValueMgr"
      :width="isShowFixedForm ? '68vw':'50vw'"
      append-to-body
      style="height: 116vh; margin-top: -10vh;"
      @close="clearFixedOrClassifyForm('close')"
      destroy-on-close>
      <!-- 分类码段码值管理 -->
      <el-row v-show="!isShowFixedForm">
        <el-col :span="11">
          <basic-container>
            <div class="box classify_value_box" style="height:65vh; margin-bottom:-40px">
              <el-scrollbar style="border-bottom-right-radius:8px ">
                <basic-container>
                  <div class="abox" style="height:54vh">
                    <avue-tree
                      :data="classifyValueTreeData"
                      :option="classisyValueTreeOption"
                      @node-click="classisyValueTreeOnodeClick"
                      style="overflow-y: auto; height: 54vh"/>
                  </div>
                </basic-container>
              </el-scrollbar>
            </div>
            <div style="margin-top:20px; display: flex; align-items:center; justify-content:center;">
              <el-button size="mini" type="primary" icon="el-icon-arrow-up" class="button" @click="codeClassifyValueOpetion('up')">上移</el-button>
              <el-button size="mini" type="primary" icon="el-icon-arrow-down" class="button" @click="codeClassifyValueOpetion('down')">下移</el-button>
            </div>
          </basic-container>
        </el-col>
        <el-col :span="13">
          <basic-container>
            <div class="box" style="height:65vh; margin-bottom:-40px">
              <el-form>
                <el-form-item label="码值:" :label-width="50" required>
                  <el-input style="width: 18vw" v-model="codeClassifyForm.id"></el-input>
                </el-form-item >
                <el-form-item label="名称:" :label-width="50" required>
                  <el-input style="width: 18vw" v-model="codeClassifyForm.name"></el-input>
                </el-form-item>
              </el-form>
            </div>
            <div style="margin-top:20px; display: flex; align-items:center; justify-content:center;">
              <el-button size="mini" type="primary" icon="el-icon-circle-plus" class="button" @click="addCodeSecValue('codeclassifyvaluesec')">添加</el-button>
              <el-button :disabled="selectedFixedOrCodeclassifyValue==''"  size="mini" type="success" plain icon="el-icon-edit-outline" class="button"  @click="editCodeSecValue('codeclassifyvaluesec')">修改</el-button>
              <el-button :disabled="selectedFixedOrCodeclassifyValue==''"  size="mini" type="danger" icon="el-icon-close" class="button" @click="delCodeSecValue('codeclassifyvaluesec')">删除</el-button>
              <el-button size="mini" type="warning" plain icon="el-icon-close" class="button" @click = "clearFixedOrClassifyForm('codeclassifyvaluesec')">取消</el-button>
            </div>
          </basic-container>
        </el-col>
      </el-row>
      <!-- 固定码段码值管理 -->
      <el-row v-show="isShowFixedForm">
        <el-col :span="15">
          <basic-container>
            <div class="box fixedbox" style="height:65vh; margin-bottom:-40px">
              <avue-crud
                class="fixed-avue-crud"
                ref="crudFixedValue"
                :data="fixedValueData"
                :option="fixedValueOption"
                :table-loading="fixedValueOptionLoading"
                @row-click="selectedCodeValueRow">
                <!-- 表格内按钮配置 -->
                <template slot="menu" slot-scope="scope">
                  <el-button size="mini" type="text" icon="el-icon-arrow-up" @click="codeFixedValueOpetion('up',scope.row)">上移</el-button>
                  <el-button size="mini" type="text" icon="el-icon-arrow-down" @click="codeFixedValueOpetion('down',scope.row)">下移</el-button>
                  <el-button size="mini" type="text" icon="el-icon-minus" @click="codeFixedValueOpetion('remove',scope.row)">移除</el-button>
                </template>
              </avue-crud>
            </div>
            <div style="margin-top:20px;">
              <el-button size="mini" type="primary" icon="el-icon-success" class="button" @click="saveCodeFixedOrClassifyValueOption('fixedValue')">保存</el-button>
            </div>
          </basic-container>
        </el-col>
        <el-col :span="9">
          <basic-container>
            <div class="box" style="height: 65vh; margin-bottom:-40px; overflow:hidden;" >
              <div style="overflow-y:auto;height: 60vh;">
      <!-- 码段码值管理对话框 -->
      <el-dialog title="码段码值管理"
        :visible.sync="isShowBasicSecCodeValueMgr"
        :width="isShowFixedForm ? '68vw':'50vw'"
        append-to-body
        style="height: 116vh; margin-top: -10vh;"
        @close="clearFixedOrClassifyForm('close')"
        destroy-on-close>
        <!-- 分类码段码值管理 -->
        <el-row v-show="!isShowFixedForm">
          <el-col :span="11">
            <basic-container>
              <div class="box classify_value_box" style="height:65vh; margin-bottom:-40px">
                <el-scrollbar style="border-bottom-right-radius:8px ">
                  <basic-container>
                    <div class="abox" style="height:54vh">
                      <avue-tree
                        :data="classifyValueTreeData"
                        :option="classisyValueTreeOption"
                        @node-click="classisyValueTreeOnodeClick"
                        style="overflow-y: auto; height: 54vh"/>
                    </div>
                  </basic-container>
                </el-scrollbar>
              </div>
              <div style="margin-top:20px; display: flex; align-items:center; justify-content:center;">
                <el-button size="mini" type="primary" icon="el-icon-arrow-up" class="button" @click="codeClassifyValueOpetion('up')">上移</el-button>
                <el-button size="mini" type="primary" icon="el-icon-arrow-down" class="button" @click="codeClassifyValueOpetion('down')">下移</el-button>
              </div>
            </basic-container>
          </el-col>
          <el-col :span="13">
            <basic-container>
              <div class="box" style="height:65vh; margin-bottom:-40px">
                <el-form>
                  <el-form-item label="码值:" label-width="54px" required>
                    <el-input style="width: 19.5vw" v-model="codeFixdForm.id"></el-input>
                  <el-form-item label="码值:" :label-width="50" required>
                    <el-input style="width: 18vw" v-model="codeClassifyForm.id"></el-input>
                  </el-form-item >
                  <el-form-item label="描述:">
                    <el-input type="textarea" style="width: 20vw;" v-model="codeFixdForm.description"></el-input>
                  <el-form-item label="名称:" :label-width="50" required>
                    <el-input style="width: 18vw" v-model="codeClassifyForm.name"></el-input>
                  </el-form-item>
                </el-form>
              </div>
            </div>
            <div style="margin-top:20px; display: flex; align-items:center; justify-content:center;">
              <el-button :disabled="selectedFixedOrCodeclassifyValue!=''" size="mini" type="primary" icon="el-icon-circle-plus" class="button" @click="addCodeSecValue('codefixedsec')">添加</el-button>
              <el-button :disabled="selectedFixedOrCodeclassifyValue==''" size="mini" type="success" plain icon="el-icon-edit-outline" class="button" @click="editCodeSecValue('codefixedsec')">修改</el-button>
              <el-button :disabled="selectedFixedOrCodeclassifyValue==''" size="mini" type="danger" icon="el-icon-close" class="button" @click="delCodeSecValue('codefixedsec')">删除</el-button>
              <el-button size="mini" type="warning" plain icon="el-icon-close" class="button" @click = "clearFixedOrClassifyForm('codefixedsec')">取消</el-button>
            </div>
          </basic-container>
        </el-col>
      </el-row>
    </el-dialog>
              <div style="margin-top:20px; display: flex; align-items:center; justify-content:center;">
                <el-button size="mini" type="primary" icon="el-icon-circle-plus" class="button" @click="addCodeSecValue('codeclassifyvaluesec')">添加</el-button>
                <el-button :disabled="selectedFixedOrCodeclassifyValue==''"  size="mini" type="success" plain icon="el-icon-edit-outline" class="button"  @click="editCodeSecValue('codeclassifyvaluesec')">修改</el-button>
                <el-button :disabled="selectedFixedOrCodeclassifyValue==''"  size="mini" type="danger" icon="el-icon-close" class="button" @click="delCodeSecValue('codeclassifyvaluesec')">删除</el-button>
                <el-button size="mini" type="warning" plain icon="el-icon-close" class="button" @click = "clearFixedOrClassifyForm('codeclassifyvaluesec')">取消</el-button>
              </div>
            </basic-container>
          </el-col>
        </el-row>
        <!-- 固定码段码值管理 -->
        <el-row v-show="isShowFixedForm">
          <el-col :span="15">
            <basic-container>
              <div class="box fixedbox" style="height:65vh; margin-bottom:-40px">
                <avue-crud
                  class="fixed-avue-crud"
                  ref="crudFixedValue"
                  :data="fixedValueData"
                  :option="fixedValueOption"
                  :table-loading="fixedValueOptionLoading"
                  @row-click="selectedCodeValueRow">
                  <!-- 表格内按钮配置 -->
                  <template slot="menu" slot-scope="scope">
                    <el-button size="mini" type="text" icon="el-icon-arrow-up" @click="codeFixedValueOpetion('up',scope.row)">上移</el-button>
                    <el-button size="mini" type="text" icon="el-icon-arrow-down" @click="codeFixedValueOpetion('down',scope.row)">下移</el-button>
                    <el-button size="mini" type="text" icon="el-icon-minus" @click="codeFixedValueOpetion('remove',scope.row)">移除</el-button>
                  </template>
                </avue-crud>
              </div>
              <div style="margin-top:20px;">
                <el-button size="mini" type="primary" icon="el-icon-success" class="button" @click="saveCodeFixedOrClassifyValueOption('fixedValue')">保存</el-button>
              </div>
            </basic-container>
          </el-col>
          <el-col :span="9">
            <basic-container>
              <div class="box" style="height: 65vh; margin-bottom:-40px; overflow:hidden;" >
                <div style="overflow-y:auto;height: 60vh;">
                  <el-form>
                    <el-form-item label="码值:" label-width="54px" required>
                      <el-input style="width: 19.5vw" v-model="codeFixdForm.id"></el-input>
                    </el-form-item >
                    <el-form-item label="描述:">
                      <el-input type="textarea" style="width: 20vw;" v-model="codeFixdForm.description"></el-input>
                    </el-form-item>
                  </el-form>
                </div>
              </div>
              <div style="margin-top:20px; display: flex; align-items:center; justify-content:center;">
                <el-button :disabled="selectedFixedOrCodeclassifyValue!=''" size="mini" type="primary" icon="el-icon-circle-plus" class="button" @click="addCodeSecValue('codefixedsec')">添加</el-button>
                <el-button :disabled="selectedFixedOrCodeclassifyValue==''" size="mini" type="success" plain icon="el-icon-edit-outline" class="button" @click="editCodeSecValue('codefixedsec')">修改</el-button>
                <el-button :disabled="selectedFixedOrCodeclassifyValue==''" size="mini" type="danger" icon="el-icon-close" class="button" @click="delCodeSecValue('codefixedsec')">删除</el-button>
                <el-button size="mini" type="warning" plain icon="el-icon-close" class="button" @click = "clearFixedOrClassifyForm('codefixedsec')">取消</el-button>
              </div>
            </basic-container>
          </el-col>
        </el-row>
      </el-dialog>

    <!-- 基础码段新增相关对话框 -->
    <el-dialog :title="basicSecDialogTitle"
      :visible.sync="addBasicCodeSettingBox"
      width="60vw"
      append-to-body
      style="height: 115vh; margin-top: -13vh; overflow: hidden"
      destroy-on-close
      lock-scroll
      :close-on-click-modal="false"
      @close="clearBasicAddForm">
      <!-- 基础码段新增相关对话框 -->
      <el-dialog :title="basicSecDialogTitle"
        :visible.sync="addBasicCodeSettingBox"
        width="60vw"
        append-to-body
        style="height: 115vh; margin-top: -13vh; overflow: hidden"
        destroy-on-close
        lock-scroll
        :close-on-click-modal="false"
        @close="clearBasicAddForm">

      <!--  第一层对话框,添加码段信息对话框中的内容 -->
      <div class="add-basicsec-total" style="overflow-y: auto; height: 70vh">
        <el-form :model="form" class="add-basicsec-form">
          <span class="left">
            <el-form-item label="码段编号:" :label-width="leftFormLabelWidth" required>
              <el-input v-model="form.id" :readonly="basicSecOnlyRead" ref="id"></el-input>
            </el-form-item>
        <!--  第一层对话框,添加码段信息对话框中的内容 -->
        <div class="add-basicsec-total" style="overflow-y: auto; height: 70vh">
          <el-form :model="form" class="add-basicsec-form">
            <span class="left">
              <el-form-item label="码段编号:" :label-width="leftFormLabelWidth" required>
                <el-input v-model="form.id" :readonly="basicSecOnlyRead" ref="id"></el-input>
              </el-form-item>

            <el-form-item label="码段名称:" :label-width="leftFormLabelWidth" required>
              <el-input ref="name"  v-model="form.name" :readonly="basicSecOnlyRead"></el-input>
            </el-form-item>
              <el-form-item label="码段名称:" :label-width="leftFormLabelWidth" required>
                <el-input ref="name"  v-model="form.name" :readonly="basicSecOnlyRead"></el-input>
              </el-form-item>

            <el-form-item label="码段类型" :label-width="leftFormLabelWidth" required>
              <el-select v-model="form.secType" placeholder="请选择" @change="changeSectypeFormItems(null)" :disabled="basicSecOnlyRead">
                <el-option
                  v-for="item in enumParam.secTypeList"
                  :key="item.itemValue"
                  :label="item.itemName"
                  :value="item.itemValue">
                </el-option>
              </el-select>
            </el-form-item>

            <el-form-item label="描述:" :label-width="leftFormLabelWidth">
              <el-input type="textarea" v-model="form.description" :readonly="basicSecOnlyRead"></el-input>
            </el-form-item>

            <el-form-item label="是否流水依赖:" :label-width="leftFormLabelWidth">
              <el-switch v-model="form.serialDependFlag" :disabled="basicSecOnlyRead"></el-switch>
              <el-input-number v-show="form.serialDependFlag" v-model="form.serialDependOrder" controls-position="right" :readonly="basicSecOnlyRead"></el-input-number>
            </el-form-item>

            <el-form-item label="是否为空:" :label-width="leftFormLabelWidth">
              <el-switch v-model="form.nullableFlag"  :disabled="basicSecOnlyRead"></el-switch>
            </el-form-item>
          </span>
          <el-divider direction="vertical"></el-divider>
          <span class="right">
            <!-- 固定码段 -->
            <div v-show="form.secType==='codefixedsec' ? true:false">
              <el-form-item label="码段长度类型:" :label-width="rightFormLabelWidth" required>
                <el-select v-model="form.codeSecLengthType" placeholder="请选择" :disabled="basicSecOnlyRead">
              <el-form-item label="码段类型" :label-width="leftFormLabelWidth" required>
                <el-select v-model="form.secType" placeholder="请选择" @change="changeSectypeFormItems(null)" :disabled="basicSecOnlyRead">
                  <el-option
                  v-for="item in enumParam.codeSecLengthType"
                  :key="item.itemValue"
                  :label="item.itemName"
                  :value="item.itemValue">
                </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="码段的长度:" :label-width="rightFormLabelWidth" required>
                <el-input v-model.number="form.codeSecLength" ref="codeSecLength" :readonly="basicSecOnlyRead"></el-input>
              </el-form-item>
            </div>
            <!-- 属性码段 -->
            <div v-show="form.secType==='codeattrsec' ? true:false">
              <el-form-item label="属性:" :label-width="rightFormLabelWidth" required>
                <el-input
                  placeholder="请选择"
                  prefix-icon="el-icon-search"
                  readonly="true"
                  ref="referAttributeId"
                  v-model="form.referAttributeName"
                  @focus="openAttrSelectOrGetValue('attr')"
                  :disabled="basicSecOnlyRead">
                  <i slot="suffix" class="el-icon-circle-close" @click="clearAttrDataByIcon('attr')" style="cursor: pointer;"></i>
                </el-input>
              </el-form-item>
              <el-form-item label="属性所在分类:" :label-width="rightFormLabelWidth">
                <el-input
                  v-model="form.referCodeClassifyOidName"
                  disabled>
              </el-input>
              </el-form-item>
              <el-form-item label="取值规则:" :label-width="rightFormLabelWidth">
                <el-input
                  placeholder="请选择"
                  prefix-icon="el-icon-search"
                  readonly="true"
                  v-model="form.getValueClass"
                  :disabled="basicSecOnlyRead"
                  @focus="openAttrSelectOrGetValue('value')">
                  <i slot="suffix" class="el-icon-circle-close" @click="clearAttrDataByIcon('value')" style="margin-right: 5px;cursor: pointer;"></i>
                </el-input>
              </el-form-item>
            </div>
            <!-- 流水码段 -->
            <div v-show="form.secType==='codeserialsec' ? true:false">
              <el-form-item label="码段的长度:" :label-width="rightFormLabelWidth" required>
                <el-input v-model.number="form.codeSecLength" ref="seriaCodeSecLength" :readonly="basicSecOnlyRead"></el-input>
              </el-form-item>
              <el-form-item label="流水号的起始值:" :label-width="rightFormLabelWidth">
                <el-input v-model.number="form.serialStart" ref="serialStart"  :readonly="basicSecOnlyRead"></el-input>
              </el-form-item>
              <el-form-item label="流水的步长:" :label-width="rightFormLabelWidth">
                <el-input v-model.number="form.serialStep" ref="serialStep"  :readonly="basicSecOnlyRead"></el-input>
              </el-form-item>
              <el-form-item label="编码补位方式:" :label-width="rightFormLabelWidth" required>
                <el-select v-model="form.codeFillType" placeholder="请选择" :disabled="basicSecOnlyRead">
                  <el-option label="左补位" value="codeattrsec"
                    v-for="item in enumParam.codeFillType"
                    v-for="item in enumParam.secTypeList"
                    :key="item.itemValue"
                    :label="item.itemName"
                    :value="item.itemValue">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item v-if="form.codeFillType!='code_fill_none'" label="补位时的字符:" :label-width="rightFormLabelWidth">
                <el-select v-model="form.codeFillSeparator" @blur="inputSelectBlur" filterable placeholder="请选择" :disabled="basicSecOnlyRead">
                  <el-option
                    v-for="item in enumParam.codeFillSeparator"
                    :key="item.itemValue"
                    :label="item.itemName"
                    :value="item.itemValue">
                  </el-option>
                </el-select>

              <el-form-item label="描述:" :label-width="leftFormLabelWidth">
                <el-input type="textarea" v-model="form.description" :readonly="basicSecOnlyRead"></el-input>
              </el-form-item>
              <el-form-item label="填充长度:" :label-width="rightFormLabelWidth" required>
                <el-input v-model.number="form.codeFillLength"  ref="codeFillLength" :readonly="basicSecOnlyRead"></el-input>

              <el-form-item label="是否流水依赖:" :label-width="leftFormLabelWidth">
                <el-switch v-model="form.serialDependFlag" :disabled="basicSecOnlyRead"></el-switch>
                <el-input-number v-show="form.serialDependFlag" v-model="form.serialDependOrder" controls-position="right" :readonly="basicSecOnlyRead"></el-input-number>
              </el-form-item>
              <el-form-item label="流水上限:" :label-width="rightFormLabelWidth" required>
                <el-input v-model.number="form.codeFillLimit" ref="codeFillLimit" :readonly="basicSecOnlyRead"></el-input>

              <el-form-item label="是否为空:" :label-width="leftFormLabelWidth">
                <el-switch v-model="form.nullableFlag"  :disabled="basicSecOnlyRead"></el-switch>
              </el-form-item>
              <el-form-item label="流水是否补码:" :label-width="rightFormLabelWidth" required>
                <el-switch v-model="form.codeFillFlag" :disabled="basicSecOnlyRead"></el-switch>
              </el-form-item>
              <el-form-item label="自定义的流水算法:" :label-width="rightFormLabelWidth">
                <el-input v-model="form.customCodeSerialClass" :readonly="basicSecOnlyRead"></el-input>
              </el-form-item>
            </div>
            <!-- 层级码段 -->
            <div v-show="form.secType==='codelevelsec' ? true:false">
              <el-form-item label="层级类型:" :label-width="rightFormLabelWidth" required>
                <el-select v-model="form.codeLevelType" placeholder="请选择" :disabled="basicSecOnlyRead">
                  <el-option
                    v-for="item in enumParam.codeLevelType"
                    :key="item.itemValue"
                    :label="item.itemName"
                    :value="item.itemValue">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="层级的值:" :label-width="rightFormLabelWidth">
                <el-input v-model.number="form.codeLevelValue" ref="codeLevelValue"  :readonly="basicSecOnlyRead"></el-input>
              </el-form-item>
              <el-form-item label="字符截取类型:" :label-width="rightFormLabelWidth" required>
                <el-select v-model="form.valueCutType" placeholder="请选择" :disabled="basicSecOnlyRead" @change="changeCutType($event)">
                  <el-option
                    v-for="item in enumParam.codeCutType"
                    :key="item.itemValue"
                    :label="item.itemName"
                    :value="item.itemValue">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item id="ShowOrHide" v-if="form.valueCutType!='code_cut_none'" label="值截取长度:" :label-width="rightFormLabelWidth">
                <el-input v-model.number="form.valueCutLength" ref="valueCutLength"  :readonly="basicSecOnlyRead"></el-input>
              </el-form-item>
              <el-form-item label="取值类型:" :label-width="rightFormLabelWidth">
                <el-select v-model="form.codeGetValueType" placeholder="请选择" :disabled="basicSecOnlyRead">
                  <el-option
                    v-for="item in enumParam.codeGetValueType"
                    :key="item.itemValue"
                    :label="item.itemName"
                    :value="item.itemValue">
                  </el-option>
                </el-select>
              </el-form-item>
            </div>
            <!-- 引用码段 -->
            <div v-show="form.secType==='coderefersec' ? true:false">
              <el-form-item label="参照引用的业务类型:" label-width="152px" required>
                <el-input
                  ref="referBtmId"
                  placeholder="请选择"
                  prefix-icon="el-icon-search"
                  readonly="true"
                  v-model="form.referBtmName"
                  @focus="openAttrSelectOrGetValue('referBtmId')"
                  :disabled="basicSecOnlyRead">
                  <i slot="suffix" class="el-icon-circle-close" @click="clearAttrDataByIcon('referBtmId')" style="margin-right: 5px;cursor: pointer;"></i>
                </el-input>
              </el-form-item>
              <el-form-item label="参照配置:" label-width="152px" required>
                <el-input
                  ref="referConfig"
                  placeholder="请选择"
                  prefix-icon="el-icon-search"
                  readonly="true"
                  v-model="form.referConfig"
                  @focus="openAttrSelectOrGetValue('referConfig')"
                  :disabled="basicSecOnlyRead">
                  <i slot="suffix" class="el-icon-circle-close" @click="clearAttrDataByIcon('referConfig')" style="margin-right: 5px;cursor: pointer;"></i>
                </el-input>
              </el-form-item>
            </div>
            <!-- 日期码段 -->
            <div v-show="form.secType==='codedatesec' ? true:false">
              <el-form-item label="日期格式:" :label-width="rightFormLabelWidth" required>
                <el-input ref="codeDateFormatStr" v-model="form.codeDateFormatStr" :readonly="basicSecOnlyRead"></el-input>
              </el-form-item>
            </div>
            <!-- 分类码段 -->
            <div v-show="form.secType==='codeclassifysec' ? true:false">
              <el-form-item label="码段长度类型:" :label-width="rightFormLabelWidth" required>
                <el-select v-model="form.codeSecLengthType" placeholder="请选择" :disabled="basicSecOnlyRead">
                  <el-option
            </span>
            <el-divider direction="vertical"></el-divider>
            <span class="right">
              <!-- 固定码段 -->
              <div v-show="form.secType==='codefixedsec' ? true:false">
                <el-form-item label="码段长度类型:" :label-width="rightFormLabelWidth" required>
                  <el-select v-model="form.codeSecLengthType" placeholder="请选择" :disabled="basicSecOnlyRead">
                    <el-option
                    v-for="item in enumParam.codeSecLengthType"
                    :key="item.itemValue"
                    :label="item.itemName"
                    :value="item.itemValue">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="码段的长度:" :label-width="rightFormLabelWidth" required>
                <el-input v-model.number="form.codeSecLength" ref="classCodeSecLength" :readonly="basicSecOnlyRead"></el-input>
              </el-form-item>
              <el-form-item label="是否自动分配分类值:" :label-width="rightFormLabelWidth">
                <el-switch v-model="form.matchClassifyValueFlag" :disabled="basicSecOnlyRead"></el-switch>
              </el-form-item>
              <el-form-item label="父分类码段:" :label-width="rightFormLabelWidth">
                <el-input
                  placeholder="请选择"
                  prefix-icon="el-icon-search"
                  readonly="true"
                  v-model="form.parentClassifySecText"
                  @focus="openAttrSelectOrGetValue('parentClassifySecOid')"
                  :disabled="basicSecOnlyRead">
                  <i slot="suffix" class="el-icon-circle-close" @click="clearAttrDataByIcon('parentClassifySecOid')" style="margin-right: 5px;cursor: pointer;"></i>
                  </el-select>
                </el-form-item>
                <el-form-item label="码段的长度:" :label-width="rightFormLabelWidth" required>
                  <el-input v-model.number="form.codeSecLength" ref="codeSecLength" :readonly="basicSecOnlyRead"></el-input>
                </el-form-item>
              </div>
              <!-- 属性码段 -->
              <div v-show="form.secType==='codeattrsec' ? true:false">
                <el-form-item label="属性:" :label-width="rightFormLabelWidth" required>
                  <el-input
                    placeholder="请选择"
                    prefix-icon="el-icon-search"
                    readonly="true"
                    ref="referAttributeId"
                    v-model="form.referAttributeName"
                    @focus="openAttrSelectOrGetValue('attr')"
                    :disabled="basicSecOnlyRead">
                    <i slot="suffix" class="el-icon-circle-close" @click="clearAttrDataByIcon('attr')" style="cursor: pointer;"></i>
                  </el-input>
                </el-form-item>
                <el-form-item label="属性所在分类:" :label-width="rightFormLabelWidth">
                  <el-input
                    v-model="form.referCodeClassifyOidName"
                    disabled>
                </el-input>
              </el-form-item>
            </div>
            <!-- 可变码段 -->
            <div v-show="form.secType==='codevariablesec' ? true:false">
              <el-form-item label="码段的长度:" :label-width="rightFormLabelWidth" required>
                <el-input v-model.number="form.codeSecLength" ref="varCodeSecLength" :readonly="basicSecOnlyRead"></el-input>
              </el-form-item>
              <el-form-item label="编码补位方式:" :label-width="rightFormLabelWidth" required>
                <el-select v-model="form.codeFillType" placeholder="请选择" :disabled="basicSecOnlyRead">
                  <el-option
                </el-form-item>
                <el-form-item label="取值规则:" :label-width="rightFormLabelWidth">
                  <el-input
                    placeholder="请选择"
                    prefix-icon="el-icon-search"
                    readonly="true"
                    v-model="form.getValueClass"
                    :disabled="basicSecOnlyRead"
                    @focus="openAttrSelectOrGetValue('value')">
                    <i slot="suffix" class="el-icon-circle-close" @click="clearAttrDataByIcon('value')" style="margin-right: 5px;cursor: pointer;"></i>
                  </el-input>
                </el-form-item>
              </div>
              <!-- 流水码段 -->
              <div v-show="form.secType==='codeserialsec' ? true:false">
                <el-form-item label="码段的长度:" :label-width="rightFormLabelWidth" required>
                  <el-input v-model.number="form.codeSecLength" ref="seriaCodeSecLength" :readonly="basicSecOnlyRead"></el-input>
                </el-form-item>
                <el-form-item label="流水号的起始值:" :label-width="rightFormLabelWidth">
                  <el-input v-model.number="form.serialStart" ref="serialStart"  :readonly="basicSecOnlyRead"></el-input>
                </el-form-item>
                <el-form-item label="流水的步长:" :label-width="rightFormLabelWidth">
                  <el-input v-model.number="form.serialStep" ref="serialStep"  :readonly="basicSecOnlyRead"></el-input>
                </el-form-item>
                <el-form-item label="编码补位方式:" :label-width="rightFormLabelWidth" required>
                  <el-select v-model="form.codeFillType" placeholder="请选择" :disabled="basicSecOnlyRead">
                    <el-option label="左补位" value="codeattrsec"
                      v-for="item in enumParam.codeFillType"
                      :key="item.itemValue"
                      :label="item.itemName"
                      :value="item.itemValue">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item v-if="form.codeFillType!='code_fill_none'" label="补位时的字符:" :label-width="rightFormLabelWidth">
                <el-select v-model="form.codeFillSeparator" filterable @blur="inputSelectBlur" placeholder="请选择" :disabled="basicSecOnlyRead">
                  <el-option
                    v-for="item in enumParam.codeFillSeparator"
                    :key="item.itemValue"
                    :label="item.itemName"
                    :value="item.itemValue">
                  </el-option>
                </el-select>
              </el-form-item>
            </div>
          </span>
        </el-form>
      </div>
      <!-- 第一层对话框的按钮和分隔线条 -->
      <el-divider class="horizontal-line" direction="horizontal"></el-divider>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="saveOrEditBasicCode" :disabled="!showbtn">保 存</el-button>
        <el-button @click="addBasicCodeSettingBox = false">取 消</el-button>
      </div>

      <!--  第二层对话框,属性码段，属性选择对话框 -->
      <el-dialog title="为【属性】选取值"
        append-to-body
        :visible.sync="isShowSelectAttrOption"
        width="78%"
        style="height: 100%; margin-top: -8vh; overflow: hidden">
        <div style="overflow-y: auto; height: 60vh">
          <el-row>
            <!-- 左侧主题库分类树 -->
            <el-col :span="5">
              <div class="box">
                <el-scrollbar style="height: auto; border-bottom-right-radius:8px ">
                  <basic-container>
                    <div class="treeBox">
                      <avue-tree :data="attrClassifyTreeData" :option="treeOption" @node-click="nodeClick"/>
                    </div>
                  </basic-container>
                </el-scrollbar>
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item v-if="form.codeFillType!='code_fill_none'" label="补位时的字符:" :label-width="rightFormLabelWidth">
                  <el-select v-model="form.codeFillSeparator" @blur="inputSelectBlur" filterable placeholder="请选择" :disabled="basicSecOnlyRead">
                    <el-option
                      v-for="item in enumParam.codeFillSeparator"
                      :key="item.itemValue"
                      :label="item.itemName"
                      :value="item.itemValue">
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="填充长度:" :label-width="rightFormLabelWidth" required>
                  <el-input v-model.number="form.codeFillLength"  ref="codeFillLength" :readonly="basicSecOnlyRead"></el-input>
                </el-form-item>
                <el-form-item label="流水上限:" :label-width="rightFormLabelWidth" required>
                  <el-input v-model.number="form.codeFillLimit" ref="codeFillLimit" :readonly="basicSecOnlyRead"></el-input>
                </el-form-item>
                <el-form-item label="流水是否补码:" :label-width="rightFormLabelWidth" required>
                  <el-switch v-model="form.codeFillFlag" :disabled="basicSecOnlyRead"></el-switch>
                </el-form-item>
                <el-form-item label="自定义的流水算法:" :label-width="rightFormLabelWidth">
                  <el-input v-model="form.customCodeSerialClass" :readonly="basicSecOnlyRead"></el-input>
                </el-form-item>
              </div>
            </el-col>
            <!-- 右侧表格显示区域 -->
            <el-col span="19">
              <basic-container>
                <div class="bbox">
                <avue-crud
                  :data="selectAttrParams.selectAttrData"
                  :option="selectAttrParams.attrOption"
                  :table-loading="selectAttrParams.selectAttrOptionLoading"
                  :ref="selectAttrParams.ref"
                  @search-change="selectAttrSearchChange"
                  @search-reset="searchAttrReset"
                  @row-click="selectionAttrRowClick"
                  @selection-change="selectionChangeAttr">
                </avue-crud>
              <!-- 层级码段 -->
              <div v-show="form.secType==='codelevelsec' ? true:false">
                <el-form-item label="层级类型:" :label-width="rightFormLabelWidth" required>
                  <el-select v-model="form.codeLevelType" placeholder="请选择" :disabled="basicSecOnlyRead">
                    <el-option
                      v-for="item in enumParam.codeLevelType"
                      :key="item.itemValue"
                      :label="item.itemName"
                      :value="item.itemValue">
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="层级的值:" :label-width="rightFormLabelWidth">
                  <el-input v-model.number="form.codeLevelValue" ref="codeLevelValue"  :readonly="basicSecOnlyRead"></el-input>
                </el-form-item>
                <el-form-item label="字符截取类型:" :label-width="rightFormLabelWidth" required>
                  <el-select v-model="form.valueCutType" placeholder="请选择" :disabled="basicSecOnlyRead" @change="changeCutType($event)">
                    <el-option
                      v-for="item in enumParam.codeCutType"
                      :key="item.itemValue"
                      :label="item.itemName"
                      :value="item.itemValue">
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item id="ShowOrHide" v-if="form.valueCutType!='code_cut_none'" label="值截取长度:" :label-width="rightFormLabelWidth">
                  <el-input v-model.number="form.valueCutLength" ref="valueCutLength"  :readonly="basicSecOnlyRead"></el-input>
                </el-form-item>
                <el-form-item label="取值类型:" :label-width="rightFormLabelWidth">
                  <el-select v-model="form.codeGetValueType" placeholder="请选择" :disabled="basicSecOnlyRead">
                    <el-option
                      v-for="item in enumParam.codeGetValueType"
                      :key="item.itemValue"
                      :label="item.itemName"
                      :value="item.itemValue">
                    </el-option>
                  </el-select>
                </el-form-item>
              </div>
              <!-- 引用码段 -->
              <div v-show="form.secType==='coderefersec' ? true:false">
                <el-form-item label="参照引用的业务类型:" label-width="152px" required>
                  <el-input
                    ref="referBtmId"
                    placeholder="请选择"
                    prefix-icon="el-icon-search"
                    readonly="true"
                    v-model="form.referBtmName"
                    @focus="openAttrSelectOrGetValue('referBtmId')"
                    :disabled="basicSecOnlyRead">
                    <i slot="suffix" class="el-icon-circle-close" @click="clearAttrDataByIcon('referBtmId')" style="margin-right: 5px;cursor: pointer;"></i>
                  </el-input>
                </el-form-item>
                <el-form-item label="参照配置:" label-width="152px" required>
                  <el-input
                    ref="referConfig"
                    placeholder="请选择"
                    prefix-icon="el-icon-search"
                    readonly="true"
                    v-model="form.referConfig"
                    @focus="openAttrSelectOrGetValue('referConfig')"
                    :disabled="basicSecOnlyRead">
                    <i slot="suffix" class="el-icon-circle-close" @click="clearAttrDataByIcon('referConfig')" style="margin-right: 5px;cursor: pointer;"></i>
                  </el-input>
                </el-form-item>
              </div>
              <!-- 日期码段 -->
              <div v-show="form.secType==='codedatesec' ? true:false">
                <el-form-item label="日期格式:" :label-width="rightFormLabelWidth" required>
                  <el-input ref="codeDateFormatStr" v-model="form.codeDateFormatStr" :readonly="basicSecOnlyRead"></el-input>
                </el-form-item>
              </div>
              <!-- 分类码段 -->
              <div v-show="form.secType==='codeclassifysec' ? true:false">
                <el-form-item label="码段长度类型:" :label-width="rightFormLabelWidth" required>
                  <el-select v-model="form.codeSecLengthType" placeholder="请选择" :disabled="basicSecOnlyRead">
                    <el-option
                      v-for="item in enumParam.codeSecLengthType"
                      :key="item.itemValue"
                      :label="item.itemName"
                      :value="item.itemValue">
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="码段的长度:" :label-width="rightFormLabelWidth" required>
                  <el-input v-model.number="form.codeSecLength" ref="classCodeSecLength" :readonly="basicSecOnlyRead"></el-input>
                </el-form-item>
                <el-form-item label="是否自动分配分类值:" :label-width="rightFormLabelWidth">
                  <el-switch v-model="form.matchClassifyValueFlag" :disabled="basicSecOnlyRead"></el-switch>
                </el-form-item>
                <el-form-item label="父分类码段:" :label-width="rightFormLabelWidth">
                  <el-input
                    placeholder="请选择"
                    prefix-icon="el-icon-search"
                    readonly="true"
                    v-model="form.parentClassifySecText"
                    @focus="openAttrSelectOrGetValue('parentClassifySecOid')"
                    :disabled="basicSecOnlyRead">
                    <i slot="suffix" class="el-icon-circle-close" @click="clearAttrDataByIcon('parentClassifySecOid')" style="margin-right: 5px;cursor: pointer;"></i>
                  </el-input>
                </el-form-item>
              </div>
              <!-- 可变码段 -->
              <div v-show="form.secType==='codevariablesec' ? true:false">
                <el-form-item label="码段的长度:" :label-width="rightFormLabelWidth" required>
                  <el-input v-model.number="form.codeSecLength" ref="varCodeSecLength" :readonly="basicSecOnlyRead"></el-input>
                </el-form-item>
                <el-form-item label="编码补位方式:" :label-width="rightFormLabelWidth" required>
                  <el-select v-model="form.codeFillType" placeholder="请选择" :disabled="basicSecOnlyRead">
                    <el-option
                        v-for="item in enumParam.codeFillType"
                        :key="item.itemValue"
                        :label="item.itemName"
                        :value="item.itemValue">
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item v-if="form.codeFillType!='code_fill_none'" label="补位时的字符:" :label-width="rightFormLabelWidth">
                  <el-select v-model="form.codeFillSeparator" filterable @blur="inputSelectBlur" placeholder="请选择" :disabled="basicSecOnlyRead">
                    <el-option
                      v-for="item in enumParam.codeFillSeparator"
                      :key="item.itemValue"
                      :label="item.itemName"
                      :value="item.itemValue">
                    </el-option>
                  </el-select>
                </el-form-item>
              </div>
            </span>
          </el-form>
        </div>
        <!-- 第一层对话框的按钮和分隔线条 -->
        <el-divider class="horizontal-line" direction="horizontal"></el-divider>
        <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="saveOrEditBasicCode" :disabled="!showbtn">保 存</el-button>
          <el-button @click="addBasicCodeSettingBox = false">取 消</el-button>
        </div>

        <!--  第二层对话框,属性码段，属性选择对话框 -->
        <el-dialog title="为【属性】选取值"
          append-to-body
          :visible.sync="isShowSelectAttrOption"
          width="78%"
          style="height: 100%; margin-top: -8vh; overflow: hidden">
          <div style="overflow-y: auto; height: 60vh">
            <el-row>
              <!-- 左侧主题库分类树 -->
              <el-col :span="5">
                <div class="box">
                  <el-scrollbar style="height: auto; border-bottom-right-radius:8px ">
                    <basic-container>
                      <div class="treeBox">
                        <avue-tree :data="attrClassifyTreeData" :option="treeOption" @node-click="nodeClick"/>
                      </div>
                    </basic-container>
                  </el-scrollbar>
                </div>
              </basic-container>
            </el-col>
          </el-row>
        </div>
        <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="selectedListClassifyLinkAttr">确 定</el-button>
          <el-button @click="isShowSelectAttrOption = false">取 消</el-button>
        </div>
              </el-col>
              <!-- 右侧表格显示区域 -->
              <el-col span="19">
                <basic-container>
                  <div class="bbox">
                  <avue-crud
                    :data="selectAttrParams.selectAttrData"
                    :option="selectAttrParams.attrOption"
                    :table-loading="selectAttrParams.selectAttrOptionLoading"
                    :ref="selectAttrParams.ref"
                    @search-change="selectAttrSearchChange"
                    @search-reset="searchAttrReset"
                    @row-click="selectionAttrRowClick"
                    @selection-change="selectionChangeAttr">
                  </avue-crud>
                  </div>
                </basic-container>
              </el-col>
            </el-row>
          </div>
          <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="selectedListClassifyLinkAttr">确 定</el-button>
            <el-button @click="isShowSelectAttrOption = false">取 消</el-button>
          </div>
        </el-dialog>

        <!-- 第二层对话框,属性码段，公式编辑框对话框组件 -->
        <formula-editor
          ref="formulaEditor"
          @updateFormulaContent="updateFormulaContent"
          :visible.sync="formulaEditorParams.formulaEditorSettingBox"
          :thisSceneTableData="formulaEditorParams.thisSceneTableData"
          :systemVariableTableData="formulaEditorParams.systemVariableTableData">
        </formula-editor>

        <!-- 第二层对话框,为【父分类码段】选取值对话框 -->
        <el-dialog title="为【父分类码段】选取值"
          append-to-body
          :visible.sync="parentClsfyParams.isShowParentClassifySettingBox"
          width="65%"
          style="height: 150vh; margin-top: -13vh;"
          destroy-on-close>
          <avue-crud
            :page.sync="parentClsfyParams.parentClassifyDataPage"
            :ref="parentClsfyParams.ref"
            :option="parentClsfyParams.parentClassifyParentOption"
            :table-loading="parentClsfyParams.classifyDialogLoading"
            :data="parentClsfyParams.parentClassifyData"
            @refresh-change="refreshParentClassifyDataChange"
            @search-change="parentClassifySearchChange"
            @search-reset="parentClassifySearchReset"
            @row-click="parentClassifyRowClick"
            @selection-change="parentClassifySelectionChange"
            @current-change="parentClassifyCurrentChange"
            @size-change="parentClassifySizeChange"
            @on-load="parentClassifyOnLoad">
          </avue-crud>
          <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="saveSelectedParentClassify">保 存</el-button>
            <el-button @click="parentClsfyParams.isShowParentClassifySettingBox = false">取 消</el-button>
          </div>
        </el-dialog>

        <!-- 第二层对话框,为【参照引用的业务类型】选取值对话框 -->
        <refer-btm-type-crud-dialog
          :visible.sync="referBtmDialogParams.selectReferBtmSettingBox"
          :ref="referBtmDialogParams.ref"
          @echoReferBtmType="echoReferBtmType">
        </refer-btm-type-crud-dialog>

        <!-- 第二层对话框,参照配置组件 -->
        <refer-config-dialog
          :display="referConfigVisble"
          @setReferConfigValue="setReferConfigValue"
          :referConfigOption="referConfigOption">
        </refer-config-dialog>

      </el-dialog>

      <!-- 第二层对话框,属性码段，公式编辑框对话框组件 -->
      <formula-editor
        ref="formulaEditor"
        @updateFormulaContent="updateFormulaContent"
        :visible.sync="formulaEditorParams.formulaEditorSettingBox"
        :thisSceneTableData="formulaEditorParams.thisSceneTableData"
        :systemVariableTableData="formulaEditorParams.systemVariableTableData">
      </formula-editor>

      <!-- 第二层对话框,为【父分类码段】选取值对话框 -->
      <el-dialog title="为【父分类码段】选取值"
        append-to-body
        :visible.sync="parentClsfyParams.isShowParentClassifySettingBox"
        width="65%"
        style="height: 150vh; margin-top: -13vh;"
        destroy-on-close>
        <avue-crud
          :page.sync="parentClsfyParams.parentClassifyDataPage"
          :ref="parentClsfyParams.ref"
          :option="parentClsfyParams.parentClassifyParentOption"
          :table-loading="parentClsfyParams.classifyDialogLoading"
          :data="parentClsfyParams.parentClassifyData"
          @refresh-change="refreshParentClassifyDataChange"
          @search-change="parentClassifySearchChange"
          @search-reset="parentClassifySearchReset"
          @row-click="parentClassifyRowClick"
          @selection-change="parentClassifySelectionChange"
          @current-change="parentClassifyCurrentChange"
          @size-change="parentClassifySizeChange"
          @on-load="parentClassifyOnLoad">
        </avue-crud>
        <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="saveSelectedParentClassify">保 存</el-button>
          <el-button @click="parentClsfyParams.isShowParentClassifySettingBox = false">取 消</el-button>
        </div>
      </el-dialog>

      <!-- 第二层对话框,为【参照引用的业务类型】选取值对话框 -->
      <refer-btm-type-crud-dialog
        :visible.sync="referBtmDialogParams.selectReferBtmSettingBox"
        :ref="referBtmDialogParams.ref"
        @echoReferBtmType="echoReferBtmType">
      </refer-btm-type-crud-dialog>

      <!-- 第二层对话框,参照配置组件 -->
      <refer-config-dialog
        :display="referConfigVisble"
        @setReferConfigValue="setReferConfigValue"
        :referConfigOption="referConfigOption">
      </refer-config-dialog>

    </el-dialog>

  </basic-container>
</template>

@@ -916,7 +914,7 @@
          /*基础码段相关数据*/
          optionBasic: optionBasic,
          basicData:[],
          loadingBasic: true,
          loadingBasic: false,
          selectionBasicList: [],
          addBasicCodeSettingBox: false,
          showbtn: false, //基础码段新增是否显示基础码段
@@ -2897,27 +2895,32 @@
    /* float: left; */
    width: 45%;
    height: 100%;
 }
  }

 .right {
    /* float: right; */
    margin-right: 2vw;
    height: 100%;
    width: auto;
 }
  }

 .right > .el-form > .el-form-item{
    margin-bottom: 8px;
 }
 /* 对话框底部按钮边框样式 */
  }

  /* 对话框底部按钮边框样式 */
 .el-dialog__footer{
    /* width: 100%; */
    border-top: 1px solid #E9E7E7;
    padding: 5px 10px 10px;
 }
  }

 .seloption{
  margin-left: 10px;
}
    margin-left: 10px;
  }

 /* .code-total > .basic-container__card {
    height: 100%;
  } */

</style>