Source/UBCS-WEB/src/components/code-dialog-page/maxSerialnumDialog.vue

@@ -1,13 +1,13 @@
<template>
  <el-dialog title="最大流水号" width="30%" append-to-body="true" class="avue-dialog avue-dialog--top" top="-3%" :visible.sync="dialogVisible">
    <el-form :label-position="right" ref="ruleForm" label-width="80px" :model="formModel" :rules="rules">
    <el-form :label-position="right" ref="ruleForm" label-width="80px" :model="formModel" :rules="rules"  v-loading="loading">
      <el-form-item label="流水号" prop="maxSecNum">
        <el-input v-model="formModel.maxSecNum"></el-input>
        <el-input v-model="formModel.maxSecNum" @blur="handleBlur"></el-input>
      </el-form-item>
    </el-form>
    <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
      <el-tab-pane label="最大流水号" name="codeApply">
        <form-template v-bind="$attrs" type="add" :selfColumnType="selfColumnType" :trendsSpan="24"
        <form-template key="codeApplyMaxForm" data-key="codeApplyMaxForm" v-bind="$attrs" type="add" :selfColumnType="selfColumnType" :trendsSpan="24"
                       :selfColumnConfig="selfColumnConfig" ref="CodeApply" @getFormData="getCodeApplyFormData"
                       @referConfigDataUpdate="referConfigDataUpdate"></form-template>
      </el-tab-pane>
@@ -20,7 +20,7 @@
</template>
<script>
import FormTemplate from "@/components/FormTemplate/FormTemplate";
import { getCodePrice, saveMaxSerialNum } from "@/api/code/maxSerialNum.js"
import { getCodePrice, saveMaxSerialNum, getMaxSerialNumber } from "@/api/code/maxSerialNum.js"
export default {
  name: 'maxSerialnumDialog',
  components: {
@@ -52,10 +52,15 @@
      },
      immediate: true,
      deep: true
    }
    },
  },
  mounted() {
  },
  data() {
    return {
      loading:false,
      maxNum:Number,
      ruleFormFlag:Boolean,
      dialogVisible: this.visible,
      activeName: 'codePrice',
      confirmLoadding: false,
@@ -68,7 +73,17 @@
      },
      rules: {
        maxSecNum: [
          { required: true, message: '请输入流水号', trigger: 'blur' }
          { required: true, message: '请输入流水号', trigger: 'blur' },
          {
            validator: (rule, value, callback) => {
              if (value < this.maxNum) {
                callback(new Error('不能小于当前最大流水号'));
              } else {
                callback();
              }
            },
            trigger: 'blur'
          }
        ],
      },
      selfColumnType: {
@@ -110,6 +125,10 @@
    }
  },
  methods: {
    //清除正则
    handleBlur() {
      this.$refs.ruleForm.clearValidate('maxSecNum');
    },
    // 获取码段
    async apiGetCode() {
      this.activeName = "codeApply";
@@ -142,7 +161,42 @@
    },
    getCodeApplyFormData(codeApplyForm) {
      this.codeApplyForm = codeApplyForm;
      //最大流水Number
      const objcodekey = Object.keys(codeApplyForm)
      const filteredObj = objcodekey.reduce((acc, key) => {
        const pattern = /[\u4e00-\u9fa5]/; // 匹配中文字符的正则表达式
        const patterns = /\$/;
        if (!pattern.test(key)&&!patterns.test(key)) {
          acc[key] = this.codeApplyForm[key];
        }
        return acc;
      }, {});

      /*const arrCode = Object.entries(filteredObj).map(([key, value]) => {
        return {
          secOid: key,
          secValue: value
        }
      })*/

      this.ruleFormFlag = Object.values(codeApplyForm).every(value => {
        return value !== null && value !== undefined && value !== '';
      });
      if (this.ruleFormFlag && this.secVOList.length>0) {
        this.loading=true;
        let params = {};
        params['codeRuleOid'] = this.ruleOid;
        Object.keys(filteredObj).forEach((key) => {
          params[key] = filteredObj[key];
        });
        getMaxSerialNumber(params).then(res => {
          this.formModel.maxSecNum = res.data.data;
          this.loading=false;
          this.maxNum=res.data.data
        });
      }
    },

    // 取消
    cancel() {
      this.dialogVisible = false
@@ -163,7 +217,6 @@
        }
        return acc;
      }, {});

      const arrCode = Object.entries(filteredObj).map(([key, value]) => {
        return {
          secOid: key,
@@ -172,10 +225,13 @@
      })
      this.formModel['secDTOList'] = arrCode
      this.formModel['codeRuleOid'] = this.ruleOid
      this.confirmLoadding = true
      const rule = await this.$refs.CodeApply.validate()
      this.confirmLoadding = true;
      // this.FormRule= await this.$refs.CodeApply.validate();
      const rule = await this.$refs.CodeApply.validate();
      // console.log(rule)
      this.$refs.ruleForm.validate(res => {
        if (rule && res) {
          // console.log(rule,res)
          saveMaxSerialNum(this.formModel).then(res => {
            if (res.data.success) {
              this.$message.success('操作成功！');
@@ -194,16 +250,21 @@
    // 参照组件数据变更
    referConfigDataUpdate(data) {
      const {field} = data;
      let childItems=[];
      this.secVOList = this.secVOList.map((item) => {
        if (item.parentClassifySecOid === field) {
          this.$refs.CodeApply.form[item.oid] = undefined;
          this.$refs.CodeApply.form[item.name] = undefined;
          item.readOnly = false;
          item.referConfig.extraParams.parentClassifyValueOid = data.value;
          item.referConfig.reloadData = true;
          item.dataKey=item.oid+'_'+new Date().getTime();
          childItems.push(item)
        }
        return item;
      });
      this.$refs.CodeApply.templateRender(this.secVOList);
      //this.$refs.CodeApply.templateRender(this.secVOList);
      this.$refs.CodeApply.changeChildItem(childItems);
    },
    isRequired(item) {
      return item.nullableFlag != "true";
@@ -227,7 +288,7 @@
      if (item.secType == "codeclassifysec") {
        params = {
          isMuti: false,
          valueField: 'id',
          valueField: 'oid',
          type: "grid",
          tableConfig: {
            limit: -1,
@@ -267,7 +328,7 @@
            parentClassifyValueOid: item.parentClassifySecOid
              ? this.codeApplyForm[item.parentClassifySecOid]
              : "",
          },
          }
        };
      } else if (item.secType == "coderefersec") {
        params = JSON.parse(item.referValueInfo);