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

@@ -1,5 +1,5 @@
<template>
  <basic-container class="code-total" style="height: 100%">
  <basic-container class="code-total" style=" height: 100%">
    <!-- 编码规则信息展示区域 -->
    <basic-container class="code-rule-container">
      <p
@@ -72,7 +72,7 @@
        </template>
        <!-- 表格上方按钮区域 -->
        <template slot="menuLeft" slot-scope="scope">
          <el-button v-if="permissionList.delBtn"
          <el-button v-if="permissionList.rulDelBtn"
            icon="el-icon-delete"
            plain
            size="small"
@@ -229,7 +229,7 @@
        ref="crudBasic"
        :data="basicData"
        :option="optionBasic"
        :permission="permissionList"
        :permission="basicPermissionList"
        :table-loading="loadingBasic"
        class="code-basic-crud"
        @row-click="codeBasicSecRowClick"
@@ -240,7 +240,7 @@
      >
        <!-- 基础码段表格内操作按钮 -->
        <template slot="menu" slot-scope="scope">
          <el-button v-if="permissionList.basicViewBtn && (currentRuleLcStatus != 'Editing')"
          <el-button v-if="basicPermissionList.viewBtn && currentRuleLcStatus != 'Editing'"
            icon="el-icon-view"
            plain
            size="small"
@@ -248,7 +248,7 @@
            @click="openBasicDialog('view', scope.row)"
            >查看
          </el-button>
          <el-button v-if="permissionList.basicEditBtn && (currentRuleLcStatus === 'Editing')"
          <el-button v-if="basicPermissionList.editBtn && currentRuleLcStatus === 'Editing'"
            icon="el-icon-edit"
            plain
            size="small"
@@ -256,7 +256,7 @@
            @click="openBasicDialog('edit', scope.row)"
            >编辑
          </el-button>
          <el-button v-if="permissionList.basicMgrBtn && (scope.row.secType === 'codeclassifysec' || scope.row.secType == 'codefixedsec')"
          <el-button v-if="basicPermissionList.basicMgrBtn && (scope.row.secType === 'codeclassifysec' || scope.row.secType == 'codefixedsec')"
            icon="el-icon-setting"
            plain
            size="small"
@@ -264,7 +264,7 @@
            @click="openBasicSecCodeValueMgr(scope.row)"
            >码值管理
          </el-button>
          <el-button v-if="permissionList.basicMoveupBtn && (scope.row.orderNum > 1)"
          <el-button v-if="basicPermissionList.basicMoveupBtn && scope.row.orderNum > 1"
            icon="el-icon-arrow-up"
            plain
            size="small"
@@ -272,7 +272,7 @@
            @click="upOrderNum(scope.row)"
            >上移
          </el-button>
          <el-button v-if="permissionList.basicDownBtn"
          <el-button v-if="basicPermissionList.basicDownBtn"
            icon="el-icon-arrow-down"
            plain
            size="small"
@@ -284,7 +284,7 @@

        <!-- 基础码段表格左上方按钮区域 -->
        <template slot="menuLeft" slot-scope="scope">
          <el-button v-if="permissionList.basicAddBtn"
          <el-button v-if="basicPermissionList.addBtn"
            :disabled="selectionList.length <= 0"
            icon="el-icon-plus"
            size="small"
@@ -293,7 +293,7 @@
          >
            新 增
          </el-button>
          <el-button v-if="permissionList.basicDeleteBtn"
          <el-button v-if="basicPermissionList.basicDelBtn"
            :disabled="selectionList.length <= 0"
            icon="el-icon-delete"
            plain
@@ -303,7 +303,7 @@
          >
            删 除
          </el-button>
          <el-button  v-if="permissionList.basicAdvancedQueryBtn"
          <el-button  v-if="basicPermissionList.basicAdvancedQueryBtn"
            :disabled="selectionList.length <= 0"
            icon="el-icon-search"
            plain
@@ -576,16 +576,16 @@
      :title="basicSecDialogTitle"
      :visible.sync="addBasicCodeSettingBox"
      append-to-body
      class="avue-dialog avue-dialog--top"
      class="avue-dialog avue-dialog--top add-basicsec-dialog"
      destroy-on-close
      lock-scroll
      style="height: 100vh"
      style="height: 105vh"
      top="-3%"
      width="900px"
      @close="clearBasicAddForm"
    >
      <!--  第一层对话框,添加码段信息对话框中的内容 -->
      <div class="add-basicsec-total" style="overflow-y: auto; height: 58vh">
      <div class="add-basicsec-total">
        <el-form :model="form" class="add-basicsec-form">
          <span class="left">
            <el-form-item
@@ -614,7 +614,7 @@

            <el-form-item
              :label-width="leftFormLabelWidth"
              label="码段类型"
              label="码段类型:"
              required
            >
              <el-select
@@ -631,6 +631,24 @@
                >
                </el-option>
              </el-select>
            </el-form-item>

            <el-form-item
              :label-width="leftFormLabelWidth"
              label="前缀:">
              <el-input
                v-model="form.prefixCode"
                :readonly="basicSecOnlyRead"
              ></el-input>
            </el-form-item>

            <el-form-item
              :label-width="leftFormLabelWidth"
              label="后缀:">
              <el-input
                v-model="form.suffixCode"
                :readonly="basicSecOnlyRead">
              </el-input>
            </el-form-item>

            <el-form-item :label-width="leftFormLabelWidth" label="描述:">
@@ -818,9 +836,9 @@
                >
                  <el-option
                    v-for="item in enumParam.codeFillSeparator"
                    :key="item.itemValue"
                    :label="item.itemName"
                    :value="item.itemValue"
                    :key="item.dictKey"
                    :label="item.dictValue"
                    :value="item.dictValue"
                  >
                  </el-option>
                </el-select>
@@ -1113,9 +1131,9 @@
                >
                  <el-option
                    v-for="item in enumParam.codeFillSeparator"
                    :key="item.itemValue"
                    :label="item.itemName"
                    :value="item.itemValue"
                    :key="item.dictKey"
                    :label="item.dictValue"
                    :value="item.dictValue"
                  >
                  </el-option>
                </el-select>
@@ -1125,7 +1143,7 @@
        </el-form>
      </div>
      <!-- 第一层对话框的按钮和分隔线条 -->
      <el-divider class="horizontal-line" direction="horizontal"></el-divider>
      <!-- <el-divider class="horizontal-line" direction="horizontal"></el-divider> -->
      <div slot="footer" class="dialog-footer">
        <el-button
          :disabled="!showbtn"
@@ -1186,9 +1204,7 @@
          </el-row>
        </div>
        <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="selectedListClassifyLinkAttr"
            >确 定</el-button
          >
          <el-button type="primary" @click="selectedListClassifyLinkAttr">确 定</el-button>
          <el-button @click="isShowSelectAttrOption = false">取 消</el-button>
        </div>
      </el-dialog>
@@ -1295,6 +1311,7 @@
  saveCodeClassifyValueOrder,
} from "@/api/code/codeClassifyValue";
import { getDictionary } from "@/api/omd/enum";
import { getDictionaryBiz } from "@/api/system/dictbiz";
import optionBasic from "@/const/code/codebasic";
import optionRule from "@/const/code/mdmrule";
import attrOption from "@/const/code/selectAttrOptionDialog";
@@ -1305,6 +1322,7 @@
import { mapGetters } from "vuex";
import { getByRoleUserList } from "@/api/system/user";
import func from "@/util/func";
import secTypeEnum from '@/enumpack/CodeSecTypeEnum';

export default {
  data() {
@@ -1534,6 +1552,8 @@
        serialDependFlag: false, //是否流水依赖
        serialDependOrder: "", //流水依赖顺序
        nullableFlag: false, //是否为空
        prefixCode: "", //前缀
        suffixCode: "", //后缀
        displayFlag: false, //
        componentCodeFlag: false, //是否参与编码
        pkCodeRule: "", //所属编码规则
@@ -1574,8 +1594,8 @@
      return {
        // 编码规则相关按钮
        addBtn: this.vaildData(this.permission.code_rule.code_rule_add, false),
        viewBtn: this.vaildData(this.permission.code_rule.code_rule_view, false),
        delBtn: this.vaildData(this.permission.code_rule.code_rule_delete, false),
        //viewBtn: this.vaildData(this.permission.code_rule.code_rule_view, false),
        rulDelBtn: this.vaildData(this.permission.code_rule.code_rule_delete, false),
        editBtn: this.vaildData(this.permission.code_rule.code_rule_edit, false),
        deactivateBtn: this.vaildData(this.permission.code_rule.code_rule_deactivate, false),
        enableBtn: this.vaildData(this.permission.code_rule.code_rule_enable, false),
@@ -1587,16 +1607,20 @@
        clearBtn: this.vaildData(this.permission.code_rule.code_rule_clear, false),
        escapeOwnerBtn: this.vaildData(this.permission.code_rule.code_rule_escape_owner, false),
        maxSerialnumBtn: this.vaildData(this.permission.code_rule.code_rule_max_serialnum, false),
      };
    },
    basicPermissionList() {
      return{
        // 基础码段相关按钮
        basicAddBtn: this.vaildData(this.permission.code_rule.code_basic_add, false),
        basicDeleteBtn: this.vaildData(this.permission.code_rule.code_basic_delete, false),
        addBtn: this.vaildData(this.permission.code_rule.code_basic_add, false),
        editBtn: this.vaildData(this.permission.code_rule.code_basic_edit, false),
        viewBtn: this.vaildData(this.permission.code_rule.   code_basic_view, false),
        basicDelBtn: this.vaildData(this.permission.code_rule.code_basic_delete, false),
        basicAdvancedQueryBtn: this.vaildData(this.permission.code_rule.code_basic_advanced_query, false),
        basicMgrBtn: this.vaildData(this.permission.code_rule.code_basic_mgr, false),
        basicEditBtn: this.vaildData(this.permission.code_rule.code_basic_edit, false),
        basicViewBtn: this.vaildData(this.permission.code_rule.   code_basic_view, false),
        basicMoveupBtn: this.vaildData(this.permission.code_rule.code_basic_moveup, false),
        basicDownBtn: this.vaildData(this.permission.code_rule.code_basic_down, false),
      };
      }
    },
  },
  watch: {},
@@ -1609,6 +1633,16 @@
      this.$refs.crud.doLayout();
      this.$refs.crudBasic.doLayout();
    });
  },
  // 生命钩子函数
  beforeDestroy() {
    // 清除指定缓存
    localStorage.removeItem('codeSecType');
    localStorage.removeItem('codeSecLength');
    localStorage.removeItem('codeFillType');
    localStorage.removeItem('codeLevelType');
    localStorage.removeItem('codeCutType');
    localStorage.removeItem('codeGetValueType');
  },
  methods: {

@@ -2419,11 +2453,11 @@
          .catch((error) => {
            this.releadDisabled = false;
          });
        this.releadDisabled = false;
      } else {
        this.updateStatus(oid, update);
      }
    },

    /** 打开编码规则克隆对话框*/
    openCodeRuleDialog() {
      if (!this.tipsMessage(this.selectionList)) {
@@ -2431,7 +2465,6 @@
      }
      this.cloneSettingBox = true;
    },

    /** 打开从其他编码规则中克隆码段对话框*/
    openOtherCodeRuleDialog() {
      if (!this.tipsMessage(this.selectionList)) {
@@ -2605,9 +2638,9 @@
    onLoad(page, params = {}) {
      this.loading = true;
      gridCodeRule(
        page.currentPage, 
        page.pageSize, 
        Object.assign({},params,this.query), 
        page.currentPage,
        page.pageSize,
        Object.assign({},params,this.query),
      ).then((res) => {
        //console.log(res.data);
        const data = res.data.data;
@@ -2663,13 +2696,13 @@
        this.basicSecDialogTitle = "修改码段信息";
        this.showbtn = true;
        this.basicSecOnlyRead = false;
        //为form绑定值
      } else {
        this.basicSecDialogTitle = "查看码段信息";
        this.showbtn = false;
        this.basicSecOnlyRead = true;
      }
      //console.log(this.form);
      //为form绑定值
      this.changeSectypeFormItems(condition == "add" ? null : row);
      this.addBasicCodeSettingBox = true;
    },
@@ -2692,16 +2725,16 @@
                type: "success",
                message: "操作成功!",
              });
              // 关闭对话框
              this.addBasicCodeSettingBox = false;
              // 点击新增基础码段,关闭窗口之后触发重新加载
              this.loadBasic(this.selectionList[0]);
            },
            (error) => {
              window.console.log(error);
            }
          );
          // 关闭对话框
          this.addBasicCodeSettingBox = false;
        }
        // 点击新增基础码段,关闭窗口之后触发重新加载
        this.loadBasic(this.selectionList[0]);
      } else {
        // 可能参照引用的业务类型会发生改变所以这儿直接对referConfig的json进行改变
        if (
@@ -2715,21 +2748,38 @@
          // let referValueInfo = JSON.parse(this.form.referValueInfo);
          // referValueInfo.referType = this.form.referBtmId;
        }
        editSave(this.form).then(
        let oldBasicSec = this.selectionBasicList.at(-1);
        let secType = this.form.secType;
        Vue.set(this.form, 'isClearValue', false);
        if((oldBasicSec.secType == "codefixedsec" || oldBasicSec.secType === "codeclassifysec") && oldBasicSec.secType != secType){
          await this.$confirm("码段类型由【"+oldBasicSec.secTypeText+"】，修改为"+"【"+secTypeEnum.getTextByValue(secType)+"】，请问是否需要清空关联的码值？", "提示", {
            distinguishCancelAndClose: true,
            closeOnClickModal: false,
            confirmButtonText: "清空码值",
            cancelButtonText: "保留码值",
          }).then(() => {
            // 清空码值
            this.form.isClearValue = true;
          }).catch(action => {
            this.form.isClearValue = false;
          });
        }
        await editSave(this.form).then(
          () => {
            this.$message({
              type: "success",
              message: "操作成功!",
            });
            this.loadBasic(this.selectionList[0]);
            // 关闭对话框
            this.addBasicCodeSettingBox = false;
          },
          (error) => {
            window.console.log(error);
          }
        );
        this.loadBasic(this.selectionList[0]);
        // 关闭对话框
        this.addBasicCodeSettingBox = false;
      }
      // 取消保存按钮加载效果
      this.isLoadingSecCodeAddBtn = false;
    },
    /** 因为elementui的表单校验设置不上所以采用判断的方式来做表单检验方式*/
@@ -3167,34 +3217,21 @@
      ) {
        this.loadCodeSecType();
      }
      if (row != null) {
        this.form = {
          oid: row.oid,
          id: row.id, //编号,
          name: row.name, //名称
          secType: row.secType, //码段类型
          description: row.description, //描述
          serialDependFlag: row.serialDependFlag == "true" ? true : false, //是否流水依赖
          serialDependOrder: row.serialDependOrder, //流水依赖顺序
          nullableFlag: row.nullableFlag == "true" ? true : false, //是否为空
          displayFlag: row.displayFlag == "true" ? true : false,
          componentCodeFlag: row.componentCodeFlag == "true" ? true : false, //是否参与编码
          pkCodeRule: row.pkCodeRule, //所属编码规则
        };
      } else {
        this.form = {
          id: this.form.id, //编号
          name: this.form.name, //名称
          secType: this.form.secType, //码段类型
          description: this.form.description, //描述
          serialDependFlag: this.form.serialDependFlag, //是否流水依赖
          serialDependOrder: this.form.serialDependOrder, //流水依赖顺序
          nullableFlag: this.form.nullableFlag, //是否为空
          displayFlag: this.form.displayFlag, //
          componentCodeFlag: this.form.componentCodeFlag, //是否参与编码
          pkCodeRule: this.form.pkCodeRule, //所属编码规则
        };
      }
      this.form = {
        oid: row !=null ? row.oid:this.form.oid,
        id: row != null ? row.id:this.form.id, //编号,
        name: row != null ? row.name:this.form.name, //名称
        secType: row != null ?  row.secType:this.form.secType, //码段类型
        description:  row != null ? row.description:this.form.description, //描述
        serialDependFlag: this.isNullJsonBoolean(row,this.form, 'serialDependFlag'), //是否流水依赖
        serialDependOrder:  row !=null ? row.serialDependOrder:this.form.serialDependOrder, //流水依赖顺序
        nullableFlag: this.isNullJsonBoolean(row, this.form, 'nullableFlag'), //是否为空
        displayFlag: this.isNullJsonBoolean(row, this.form, 'displayFlag'),
        componentCodeFlag: this.isNullJsonBoolean(row, this.form, 'componentCodeFlag'), //是否参与编码
        pkCodeRule:  row != null ? row.pkCodeRule:this.form.pkCodeRule, //所属编码规则
        prefixCode: row != null ? row.prefixCode:this.form.prefixCode, //前缀
        suffixCode: row!= null ? row.suffixCode:this.form.suffixCode, //后缀
      };
      if (this.form.secType === "codefixedsec") {
        //固定码段
        this.form = Object.assign({}, this.form, {
@@ -3347,6 +3384,15 @@
        this.loadCodeFillSeparator();
      }
    },
    // 判断Boolean值是否为空，并且对str类型布尔值进行转换
    isNullJsonBoolean(row,form,attr) {
        //console.log(row[attr],form[attr]);
        if(row != null){
          return JSON.parse(row[attr]);
        }else {
          return form[attr];
        }
    },
    /** 第一次请求的枚举数据放缓存*/
    getLocalStorageEnum(enumKey) {
      let enumCach = JSON.parse(localStorage.getItem(enumKey));
@@ -3380,16 +3426,17 @@
      this.enumParam.codeFillType = this.getLocalStorageEnum("codeFillType") || [];
    },
    loadCodeFillSeparator() {
      let enumCach = JSON.parse(localStorage.getItem("codeFillSeparator"));
      if (enumCach == null) {
        getDictionary("codeFillSeparator").then((res) => {
          this.enumParam.codeFillSeparator = res.data.data;
          localStorage.setItem(
            "codeFillSeparator",
            JSON.stringify(res.data.data)
          );
        });
      }
      //let enumCach = JSON.parse(localStorage.getItem("codeFillSeparator"));
      //if (enumCach == null) {
      getDictionaryBiz({code:"codeFillSeparator"}).then((res) => {
        this.enumParam.codeFillSeparator = res.data.data;
        //console.log(this.enumParam.codeFillSeparator);
        localStorage.setItem(
          "codeFillSeparator",
          JSON.stringify(res.data.data)
        );
      });
      //}
    },
    loadCodeLevelType() {
      this.enumParam.codeLevelType = this.getLocalStorageEnum("codeLevelType") || [];
@@ -3418,145 +3465,155 @@
</script>

<style>
[class^="icon-"] {
  font-size: 12px !important;
}
  [class^="icon-"] {
    font-size: 12px !important;
  }

.code-rule-crud > .avue-crud__search,
.code-basic-crud > .avue-crud__search {
  margin-bottom: -15px;
}
  .code-rule-crud > .avue-crud__search,
  .code-basic-crud > .avue-crud__search {
    margin-bottom: -15px;
  }

.clone-input-textarea > .el-form-item__content {
  width: 495px;
}
  .clone-input-textarea > .el-form-item__content {
    width: 495px;
  }

.clone-avue-crud > .el-card > .el-card__body > .avue-crud__menu {
  display: none !important;
}
  .clone-avue-crud > .el-card > .el-card__body > .avue-crud__menu {
    display: none !important;
  }

.fixed-avue-crud > .el-card > .el-card__body > .avue-crud__menu {
  display: none !important;
}
  .fixed-avue-crud > .el-card > .el-card__body > .avue-crud__menu {
    display: none !important;
  }

.other-clone-codebasic-crud > .el-card > .el-card__body > .avue-crud__menu {
  display: none !important;
}
  .other-clone-codebasic-crud > .el-card > .el-card__body > .avue-crud__menu {
    display: none !important;
  }

.other-clone-coderule-crud > .el-card > .el-card__body > .avue-crud__menu {
  display: none !important;
}
  .other-clone-coderule-crud > .el-card > .el-card__body > .avue-crud__menu {
    display: none !important;
  }

.el-table--small .el-table__cell {
  padding: 3px 0;
}
  .el-table--small .el-table__cell {
    padding: 3px 0;
  }

.classify_value_box > .el-scrollbar {
  height: 95%;
}
  .classify_value_box > .el-scrollbar {
    height: 95%;
  }

.basic-container > .el-card > .el-card__body {
  margin: -10px 0;
}
  .basic-container > .el-card > .el-card__body {
    margin: -10px 0;
  }

.code-basicsec-container {
  padding: 1px 6px;
}
  .code-basicsec-container {
    padding: 1px 6px;
  }

.horizontal-line {
  /* margin-top: 19px !important; */
  margin-bottom: -20px !important;
  width: 100%;
  height: 2px;
}
  .horizontal-line {
    /* margin-top: 19px !important; */
    margin-bottom: -20px !important;
    width: 100%;
    height: 2px;
  }

.el-card__body > .treeBox {
  height: 56vh;
}
  .el-card__body > .treeBox {
    height: 56vh;
  }

.el-col-5 > .box {
  height: 56vh;
}
  .el-col-5 > .box {
    height: 56vh;
  }

.operator_,
filter,
.layui-btn {
  width: 60px;
}
  .operator_,
  filter,
  .layui-btn {
    width: 60px;
  }

.left > .el-form-item > .el-form-item__content > .el-input-number {
  width: 120px;
}
  .left > .el-form-item > .el-form-item__content > .el-input-number {
    width: 120px;
  }

.left
  > .el-form-item
  > .el-form-item__content
  > .el-input-number
  > .el-input
  > .el-input__inner {
  width: 120px;
}
  .left
    > .el-form-item
    > .el-form-item__content
    > .el-input-number
    > .el-input
    > .el-input__inner {
    width: 120px;
  }

.el-col > .el-card > .el-card__header {
  background: rgb(213 231 239);
  border-radius: inherit;
}
  .el-col > .el-card > .el-card__header {
    background: rgb(213 231 239);
    border-radius: inherit;
  }

/** 新增码段 */
.add-basicsec-total {
  width: 100%;
}
  /** 新增码段 */
  .add-basicsec-dialog > .el-dialog > .el-dialog__body {
    padding: 20px 20px 4px;
    margin-bottom: 30px;
  }

.add-basicsec-total .el-input__inner,
.add-basicsec-total .el-textarea__inner {
  width: 220px;
}
  .add-basicsec-total {
    width: 100%;
    height: 500px;
  }

.add-basicsec-total > .add-basicsec-form {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: space-around;
}
  .add-basicsec-total .el-input__inner,
  .add-basicsec-total .el-textarea__inner {
    width: 220px;
  }

.add-basicsec-form > .el-divider--vertical {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  /* position: fixed; */
}

.left {
  /* 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;
}

/* .code-total > .basic-container__card {
  .add-basicsec-total > .add-basicsec-form {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
  } */
    align-items: center;
    justify-content: space-around;
  }

  .add-basicsec-form > .el-divider--vertical {
    width: 2px;
    height: 78%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .left {
    /* float: left; */
    width: 45%;
    height: 100%;
  }

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

  .add-basicsec-form > .left > .el-form-item,
  .add-basicsec-form > .right > div > .el-form-item{
    margin-bottom: 12px;
  }

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

  .seloption {
    margin-left: 10px;
  }

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

</style>