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

@@ -2,7 +2,7 @@
  <basic-container class="code-total" style=" height: 100%">
    <!-- 编码规则信息展示区域 -->
    <basic-container class="code-rule-container">
      <div style="height: 40vh;overflow: auto;">
      <div style="height: 49vh;overflow: auto;">
        <p
          style="
          margin-top: -5px;
@@ -142,7 +142,6 @@
          </template>
        </avue-crud>
      </div>

    </basic-container>

    <!-- 高级查询对话框 -->
@@ -220,7 +219,7 @@

    <!-- 基础码段展示区域 -->
    <basic-container class="code-basicsec-container">
      <div style="height: 38.5vh;overflow: auto">
      <div style="height: 29.3vh;overflow: auto">
        <p
          style="margin-top: -5px;
          margin-bottom: 4px;
@@ -384,18 +383,12 @@
        <el-col :span="13">
          <basic-container>
            <div class="box" style="height: 60vh; margin-bottom: -40px">
              <el-form>
                <el-form-item :label-width="50" label="码值:" required>
                  <el-input
                    v-model="codeClassifyForm.id"
                    style="width: 18vw"
                  ></el-input>
              <el-form label-width="55px">
                <el-form-item label="名称:" required>
                  <el-input v-model="codeClassifyForm.name"></el-input>
                </el-form-item>
                <el-form-item :label-width="50" label="名称:" required>
                  <el-input
                    v-model="codeClassifyForm.name"
                    style="width: 18vw"
                  ></el-input>
                <el-form-item  label="码值:">
                  <el-input v-model="codeClassifyForm.id"></el-input>
                </el-form-item>
              </el-form>
            </div>
@@ -404,9 +397,7 @@
                margin-top: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
              "
            >
                justify-content: center;">
              <el-button
                class="button"
                icon="el-icon-circle-plus"
@@ -642,19 +633,35 @@
            <el-form-item
              :label-width="leftFormLabelWidth"
              label="前缀:">
              <el-input
              <!-- <el-input
                v-model="form.prefixCode"
                :readonly="basicSecOnlyRead"
              ></el-input>
              ></el-input> -->
              <el-select v-model="form.prefixCode" :disabled="basicSecOnlyRead" clearable>
                <el-option
                  v-for="(option, index) in preFixOrSuffixChars"
                  :key="index"
                  :label="option.label"
                  :value="option.value">
                </el-option>
              </el-select>
            </el-form-item>

            <el-form-item
              :label-width="leftFormLabelWidth"
              label="后缀:">
              <el-input
              <!-- <el-input
                v-model="form.suffixCode"
                :readonly="basicSecOnlyRead">
              </el-input>
              </el-input> -->
              <el-select v-model="form.suffixCode" :disabled="basicSecOnlyRead" clearable>
                <el-option
                  v-for="(option, index) in preFixOrSuffixChars"
                  :key="index"
                  :label="option.label"
                  :value="option.value">
                </el-option>
              </el-select>
            </el-form-item>

            <el-form-item :label-width="leftFormLabelWidth" label="描述:">
@@ -838,13 +845,13 @@
                  :disabled="basicSecOnlyRead"
                  filterable
                  placeholder="请选择"
                  @blur="inputSelectBlur"
                  clearable
                >
                  <el-option
                    v-for="item in enumParam.codeFillSeparator"
                    :key="item.dictKey"
                    :label="item.dictValue"
                    :value="item.dictValue"
                    :key="item.lable"
                    :label="item.lable"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
@@ -883,11 +890,12 @@
              </el-form-item>
              <el-form-item
                :label-width="rightFormLabelWidth"
                label="自定义的流水算法:"
                label="自定义流水算法:"
              >
                  <template>
                      <vciWebRefer
                        ref="refer"
                        :disabled="basicSecOnlyRead"
                        :display="true"
                        :referConfig="this.referConfig || {}"
                        :serialType="form.serialType"
@@ -896,8 +904,6 @@
                        @setReferValue="setReferValue"
                      ></vciWebRefer>
                  </template>


              </el-form-item>
            </div>
            <!-- 层级码段 -->
@@ -1144,13 +1150,13 @@
                  :disabled="basicSecOnlyRead"
                  filterable
                  placeholder="请选择"
                  @blur="inputSelectBlur"
                  clearable
                >
                  <el-option
                    v-for="item in enumParam.codeFillSeparator"
                    :key="item.dictKey"
                    :label="item.dictValue"
                    :value="item.dictValue"
                    :key="item.lable"
                    :label="item.lable"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
@@ -1292,8 +1298,6 @@
      </refer-config-dialog>
    </el-dialog>

    <!--    自定义流水参照组件-->


  </basic-container>
</template>
@@ -1334,8 +1338,9 @@
  deleteCodeClassifyValue,
  saveCodeClassifyValueOrder,
} from "@/api/code/codeClassifyValue";
import { getSelectList, getRegexStr } from "@/api/code/codeCharcter"
import {getDictionary} from "@/api/omd/enum";
import {getDictionaryBiz} from "@/api/system/dictbiz";
// import {getDictionaryBiz} from "@/api/system/dictbiz";
import optionBasic from "@/const/code/codebasic";
import optionRule from "@/const/code/mdmrule";
import attrOption from "@/const/code/selectAttrOptionDialog";
@@ -1394,7 +1399,7 @@
        showField: 'customCodeSerialClassText',
        field: 'customCodeSerialClass',
        fieldMap: {
          serialType: "serialType"
          serialType: "serialType",
        },
        placeholder: '请选择自定义流水',
        options: {
@@ -1683,6 +1688,9 @@
      //引用码段中参照配置组件相关参数
      referConfigOption: {},
      referConfigVisble: false,

      preFixOrSuffixChars: [], //前后缀字符列表

    };
  },
  computed: {
@@ -1745,10 +1753,12 @@
    //自定义流水失焦
    setReferValue(data) {
      if (data.field) {
        this.form[data.field] = data.value || "";
        // this.form[data.field] = data.value || "";
        this.form.customCodeSerialClass = data.rawData[0].id || "";
        console.log(this.form.customCodeSerialClass);
        this.form[data.showField] = data.text || "";
        this.form.serialType = data.rawData[0].serialType || "";

        this.form.customCodeSerialType = data.rawData[0].serialType || "";
      }
    },
    /** 转移规则所有者对话框 */
@@ -2002,9 +2012,12 @@
      this.codeFixdForm.codeFixedSecOid = row.codefixedsecoid;
    },
    /** 新增码值*/
    addCodeSecValue(condition) {
    async addCodeSecValue(condition) {
      if (condition === "codefixedsec") {
        if (!this.tipsCodeSecValueMessage(this.codeFixdForm.id)) {
          return;
        }
        if(!await this.regexCharacter(this.codeFixdForm.id)){
          return;
        }
        this.codeFixdForm.codeFixedSecOid = this.codefixedsecOrCodeclassifysec.oid;
@@ -2026,7 +2039,14 @@
          }
        );
      } else {
        if (!this.tipsCodeSecValueMessage(this.codeClassifyForm.id)) {
        // if (!this.tipsCodeSecValueMessage(this.codeClassifyForm.id)) {
        //   return;
        // }
        if(!this.codeClassifyForm.name){
          this.$message.error('请输入名称');
          return;
        }
        if(!await this.regexCharacter(this.codeClassifyForm.id)){
          return;
        }
        this.codeClassifyForm.codeClassifySecOid =
@@ -2051,39 +2071,13 @@
        );
      }
    },
    /** 清空码值表单 */
    clearFixedOrClassifyForm(condition) {
      //点击取消时清空表单与当前选中的码值，并禁用按钮
      this.selectedFixedOrCodeclassifyValue = "";
      if (condition === "close") {
        this.codeFixdForm = this.$options.data().codeFixdForm;
        this.codeClassifyForm = this.$options.data().codeClassifyForm;
      }
      if (condition === "codefixedsec") {
        this.codeFixdForm.description = "";
        this.codeFixdForm.codeFixedSecOid = "";
      } else {
        this.codeClassifyForm = this.$options.data().codeClassifyForm;
      }
    },
    /** 添加或修改码值之前对码值长度根据规则进行校验 */
    tipsCodeSecValueMessage(id) {
      if (id.trim() == "") {
        this.$message.warning("码值不能为空！");
        return false;
      }
      if (id.trim().length > this.codefixedsecOrCodeclassifysec.codeSecLength) {
        this.$message.warning(
          "码值长度不能大于" + this.codefixedsecOrCodeclassifysec.codeSecLength
        );
        return false;
      }
      return true;
    },
    /** 修改码值 */
    editCodeSecValue(condition) {
    async editCodeSecValue(condition) {
      if (condition == "codefixedsec") {
        if (!this.tipsCodeSecValueMessage(this.codeFixdForm.id)) {
          return;
        }
        if(!await this.regexCharacter(this.codeFixdForm.id)){
          return;
        }
        //以前是直接把当前选中行的所有数据都进行提交，但其实只需要传输一些必要参数即可，这儿做了修改，需要传其他参数的请自行添加
@@ -2113,6 +2107,9 @@
        if (!this.tipsCodeSecValueMessage(this.codeClassifyForm.id)) {
          return;
        }
        if(!await this.regexCharacter(this.codeClassifyForm.id)){
          return;
        }
        this.codeClassifyForm.oid =
          this.selectedFixedOrCodeclassifyValue.attributes.oid;
        // 分类码段，子分类和父分类之间不能相互更改
@@ -2140,6 +2137,54 @@
          }
        );
      }
    },
    /**
     * 可用字符集码值正则校验
     * @return true:满足限制，false：不满足限制
     */
    async regexCharacter(str){
      var regex = null;
      // 获取到配置好的可用字符正则
      await getRegexStr({codeRuleId: this.selectionList[0].oid,chartType: "charset"}).then(res=>{
        // console.log(res.data.data);
        regex = new RegExp(res.data.data);
      });
      // console.log(regex);
      // console.log(regex.test(str));
      if(regex != "" && !regex.test(str)){
        this.$message.warning("添加的码值未在可用字符集中配置！");
        return false;
      }
      return true;
    },
    /** 清空码值表单 */
    clearFixedOrClassifyForm(condition) {
      //点击取消时清空表单与当前选中的码值，并禁用按钮
      this.selectedFixedOrCodeclassifyValue = "";
      if (condition === "close") {
        this.codeFixdForm = this.$options.data().codeFixdForm;
        this.codeClassifyForm = this.$options.data().codeClassifyForm;
      }
      if (condition === "codefixedsec") {
        this.codeFixdForm.description = "";
        this.codeFixdForm.codeFixedSecOid = "";
      } else {
        this.codeClassifyForm = this.$options.data().codeClassifyForm;
      }
    },
    /** 添加或修改码值之前对码值长度根据规则进行校验 */
    tipsCodeSecValueMessage(id) {
      if (id.trim() == "") {
        this.$message.warning("码值不能为空！");
        return false;
      }
      if (id.trim().length > this.codefixedsecOrCodeclassifysec.codeSecLength) {
        this.$message.warning(
          "码值长度不能大于" + this.codefixedsecOrCodeclassifysec.codeSecLength
        );
        return false;
      }
      return true;
    },
    /** 删除码值 */
    delCodeSecValue(condition) {
@@ -2336,7 +2381,6 @@
    },
    /** 上移下移等操作的保存*/
    async saveCodeFixedOrClassifyValueOption(condition, editOrderNumdata) {

      //保存对固定码段码值的上移下移移出等操作
      if (condition == "fixedValue") {
        let data = {
@@ -2472,8 +2516,6 @@
          },
          {
            data: [],


            title: "描述",
            fieldType: "text",
            queryField: "description",
@@ -2790,7 +2832,6 @@
    },
    /** 打开新增或编辑基础码段对话框*/
    openBasicDialog(condition, row) {
      //console.log(row);
      if (condition == "add") {
        this.basicSecDialogTitle = "添加码段信息";
        this.showbtn = true;
@@ -2811,7 +2852,18 @@
      //console.log(this.form);
      //为form绑定值
      this.changeSectypeFormItems(condition == "add" ? null : row);
      // 获取前后缀可用字符
      this.loadPreOrSuffixChars();
      // 补位时字符
      // this.loadCodeFillSeparator();
      this.addBasicCodeSettingBox = true;
    },
    /** 获取前后缀字符 */
    loadPreOrSuffixChars(){
      getSelectList({codeRuleId: this.selectionList[0].oid,chartType: "prefix"}).then(res=>{
        this.preFixOrSuffixChars = res.data.data;
        // console.log(this.preFixOrSuffixChars);
      })
    },
    /** 新增基础码段*/
    async saveOrEditBasicCode() {
@@ -3344,12 +3396,12 @@
        this.form.referConfig = "";
      }
    },
    /** 补位时的字符，实现可输可选*/
    inputSelectBlur(e) {
    /** 补位时的字符，实现可输可选 TODO:因为增加了可用字符集控制，所以这儿弃用了可用字符集的效果*/
    /*inputSelectBlur(e) {
      if (e.target.value) {
        this.form.codeFillSeparator = e.target.value;
      }
    },
    },*/
    /** 码段类型改变时，增加对应的form表单中的属性*/
    changeSectypeFormItems(row) {
      //console.log(row)
@@ -3438,6 +3490,14 @@
            row != null && row.customCodeSerialClass != ""
              ? row.customCodeSerialClass
              : "", //自定义流水算法
          customCodeSerialClassText:
            row != null && row.customCodeSerialClassText != ""
              ? row.customCodeSerialClassText
              : "", //自定义流水算法显示值
              customCodeSerialType:
            row != null && row.customCodeSerialType != ""
              ? row.customCodeSerialType
              : "", //自定义流水算法类型
        });
        this.loadCodeFillType();
        this.loadCodeFillSeparator();
@@ -3542,7 +3602,7 @@
      if (enumCach == null) {
        getDictionary({code: enumKey}).then((res) => {
          enumCach = res.data.data;
          localStorage.setItem(enumKey, JSON.stringify(res.data.data));
          localStorage.setItem(enumKey, JSON.stringify(enumCach));
        });
      }
      return enumCach;
@@ -3552,7 +3612,7 @@
      this.loadCodeSecType();
      this.loadCodeSecLength();
      this.loadCodeFillType();
      this.loadCodeFillSeparator();
      // this.loadCodeFillSeparator();
      this.loadCodeLevelType();
      this.loadCodeCutType();
      this.loadCodeGetValueType();
@@ -3571,15 +3631,14 @@
    loadCodeFillSeparator() {
      //let enumCach = JSON.parse(localStorage.getItem("codeFillSeparator"));
      //if (enumCach == null) {
      getDictionaryBiz({code: "codeFillSeparator"}).then((res) => {
      getSelectList({codeRuleId: this.selectionList[0].oid,chartType: "fillerChar"}).then((res) => {
        this.enumParam.codeFillSeparator = res.data.data;
        //console.log(this.enumParam.codeFillSeparator);
        localStorage.setItem(
          "codeFillSeparator",
          JSON.stringify(res.data.data)
        );
        // localStorage.setItem(
        //   "codeFillSeparator",
        //   JSON.stringify(res.data.data)
        // );
      });
      //}
    },
    loadCodeLevelType() {
      this.enumParam.codeLevelType = this.getLocalStorageEnum("codeLevelType") || [];