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>
            <!-- 层级码段 -->
@@ -911,6 +917,7 @@
                  v-model="form.codeLevelType"
                  :disabled="basicSecOnlyRead"
                  placeholder="请选择"
                  @change="changeLevelType"
                >
                  <el-option
                    v-for="item in enumParam.codeLevelType"
@@ -929,6 +936,7 @@
                  ref="codeLevelValue"
                  v-model.number="form.codeLevelValue"
                  :readonly="basicSecOnlyRead"
                  :disabled="form.codeLevelType != 'code_level_special'"
                ></el-input>
              </el-form-item>
              <el-form-item
@@ -1142,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>
@@ -1290,8 +1298,6 @@
      </refer-config-dialog>
    </el-dialog>

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


  </basic-container>
</template>
@@ -1332,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";
@@ -1357,7 +1364,28 @@
            required: true,
            trigger: 'blur',
            validator: (rule, value, callback) => {
              const Formats = ['yy', 'yyyy', 'yyyy-MM', 'yy-MM', 'yyyy-MM-dd', 'yy-MM-dd', 'yyyy-MM-dd HH:mm:ss', 'yy-MM-dd HH:mm:ss', 'HH:mm:ss'];
              const Formats = [
                'yy',
                'yyyy',
                'yy-MM',
                'yyMM',
                'yyyy-MM',
                'yyyyMM',
                'yy-MM-dd',
                'yyMMdd',
                'yyyy-MM-dd',
                'yyyyMMdd',
                'yyyy-MM-dd HH:mm:ss',
                'yy-MM-dd HH:mm:ss',
                'HH:mm:ss',
                'yyyyMMdd HH:mm:ss',
                'yyMMdd HH:mm:ss',
                'yyyy-MM-dd HHmmss',
                'yy-MM-dd HHmmss',
                'yyyyMMdd HHmmss',
                'yyMMdd HHmmss',
                'HHmmss'
              ];
              if (!Formats.includes(this.form.codeDateFormatStr)) {
                return callback(new Error('请输入正确日期格式，例如yyyy-MM-dd（并区分大小写）！'));
              }
@@ -1371,7 +1399,7 @@
        showField: 'customCodeSerialClassText',
        field: 'customCodeSerialClass',
        fieldMap: {
          serialType: "serialType"
          serialType: "serialType",
        },
        placeholder: '请选择自定义流水',
        options: {
@@ -1660,6 +1688,9 @@
      //引用码段中参照配置组件相关参数
      referConfigOption: {},
      referConfigVisble: false,

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

    };
  },
  computed: {
@@ -1722,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 || "";
      }
    },
    /** 转移规则所有者对话框 */
@@ -1979,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;
@@ -2003,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 =
@@ -2028,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;
        }
        //以前是直接把当前选中行的所有数据都进行提交，但其实只需要传输一些必要参数即可，这儿做了修改，需要传其他参数的请自行添加
@@ -2090,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;
        // 分类码段，子分类和父分类之间不能相互更改
@@ -2117,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) {
@@ -2313,7 +2381,6 @@
    },
    /** 上移下移等操作的保存*/
    async saveCodeFixedOrClassifyValueOption(condition, editOrderNumdata) {

      //保存对固定码段码值的上移下移移出等操作
      if (condition == "fixedValue") {
        let data = {
@@ -2509,8 +2576,8 @@
    /** 发布编码规则 */
    async enableOrDeactivatse(oid, update) {
      if (update === "release") {
        this.releadDisabled = true;
        // 避免用户重复点击按钮
        this.releadDisabled = true;
        await checkLikeCodeRule(oid)
          .then((res) => {
            //console.log(res)
@@ -2765,7 +2832,6 @@
    },
    /** 打开新增或编辑基础码段对话框*/
    openBasicDialog(condition, row) {
      //console.log(row);
      if (condition == "add") {
        this.basicSecDialogTitle = "添加码段信息";
        this.showbtn = true;
@@ -2786,15 +2852,21 @@
      //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() {
      const Formats = ['yy', 'yyyy', 'yyyy-MM', 'yy-MM', 'yyyy-MM-dd', 'yy-MM-dd', 'yyyy-MM-dd HH:mm:ss', 'yy-MM-dd HH:mm:ss', 'HH:mm:ss'];
      if (!Formats.includes(this.form.codeDateFormatStr)) {
        this.$message.error('请检查日期格式！');
        return;
      }
      if (
        this.selectionList[0].oid == null ||
        this.selectionList[0].oid == ""
@@ -2814,7 +2886,7 @@
              type: "success",
              message: "操作成功!",
            });
            console.log(this.form)
            // console.log(this.form)
            // 关闭对话框
            this.addBasicCodeSettingBox = false;
            // 点击新增基础码段,关闭窗口之后触发重新加载
@@ -3020,6 +3092,32 @@
          this.$refs.codeDateFormatStr.$el.querySelector("input").focus();
          return false;
        }
        const Formats = [
          'yy',
          'yyyy',
          'yy-MM',
          'yyMM',
          'yyyy-MM',
          'yyyyMM',
          'yy-MM-dd',
          'yyMMdd',
          'yyyy-MM-dd',
          'yyyyMMdd',
          'yyyy-MM-dd HH:mm:ss',
          'yy-MM-dd HH:mm:ss',
          'HH:mm:ss',
          'yyyyMMdd HH:mm:ss',
          'yyMMdd HH:mm:ss',
          'yyyy-MM-dd HHmmss',
          'yy-MM-dd HHmmss',
          'yyyyMMdd HHmmss',
          'yyMMdd HHmmss',
          'HHmmss'
        ];
        if (!Formats.includes(this.form.codeDateFormatStr)) {
          this.$message.warning('请检查日期格式！');
          return;
        }
      } else if (this.form.secType === "codeclassifysec") {
        //分类码段
        if (form.codeSecLengthType == "") {
@@ -3064,6 +3162,12 @@
        }
      }
      return true;
    },
    /** 层级码段选择为最小层级时清空层级的值 */
    changeLevelType(){
      if(this.form.codeLevelType === 'code_level_min'){
        this.form.codeLevelValue = '';
      }
    },
    /** 判断数据是否选择以及只能选择单条数据*/
    tipsMessage(list) {
@@ -3292,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)
@@ -3386,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();
@@ -3490,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;
@@ -3500,7 +3612,7 @@
      this.loadCodeSecType();
      this.loadCodeSecLength();
      this.loadCodeFillType();
      this.loadCodeFillSeparator();
      // this.loadCodeFillSeparator();
      this.loadCodeLevelType();
      this.loadCodeCutType();
      this.loadCodeGetValueType();
@@ -3519,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") || [];