新建弹窗详情页打开时不能输入问题修复

yangfeng

2023-10-13 2e54592b7adf069f6ddfc9348c6daf9612f34f79

 src/views/sales/contractManage/AddContractManageDialog.vue

@@ -21,6 +21,23 @@
          <div class="basic-info-view">
            <el-row>
              <el-col :span="12">
                <el-form-item label="单据编号" prop="number">
                  <!-- <el-input v-model="editConfig.infomation.number" style="width: 100%"></el-input> -->
                  <WordInput
                    v-if="codenumer && (explain != '' || isIdDisabled) && method == 0"
                    :codenumer="codenumer"
                    :sum="sum"
                    :disabled="editConfig.title !== '新建' || isIdDisabled"
                    :inputValue="inputValue"
                    @codeList="codeList"
                  />
                  <span v-else-if="method == 0" style="color: #f56c6c"
                    >请优先配置编码规范 <el-button type="text" @click="numberClick"> 配置规范 </el-button></span
                  >
                  <span v-else>{{ editConfig.title === "新建" ? "自动生成" : editConfig.infomation.number }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="客户名称" prop="client_name">
                  <div class="custom-name">
                    <el-autocomplete
@@ -45,11 +62,6 @@
                      <i class="el-icon-remove-outline" title="清除"></i>
                    </div>
                  </div>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="单据编号" prop="number">
                  <el-input v-model="editConfig.infomation.number" style="width: 100%"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
@@ -211,8 +223,10 @@
import { getAddContract, getUpdateContract } from "@/api/sales/contractManage"
import SelectClientDialog from "@/views/other/commonDialog/SelectClientDialog"
import SelectCommonDialog from "@/views/other/commonDialog/SelectCommonDialog"
import codeMixin from "@/views/client/followupRecords/mixin/codeMixin"
export default {
  name: "AddContractManageDialog",
  mixins: [codeMixin],
  props: {
    editCommonConfig: {
      type: Object,
@@ -239,7 +253,8 @@
      dialogWidth: "50%",
      editConfig: this.editCommonConfig,
      rules: {
        number: [{ required: true, message: "请输入", trigger: "blur" }],
        number: [{ required: true, validator: this.checkCode, trigger: "blur" }],
        client_name: [{ required: true, message: "请选择客户名称", trigger: "change" }],
        member_id: [{ required: true, message: "请选择", trigger: "change" }]
      },
      memberOptions: [],
@@ -265,8 +280,27 @@
    this.$store.dispatch("geClient")
    this.$store.dispatch("geQuotation")
    this.getCommonData()
    this.formInfo()
  },
  watch: {
    "editCommonConfig.visible"(val) {
      if (val) {
        this.formInfo()
      }
    },
    "editCommonConfig.infomation.codeStandID"() {
      this.formInfo()
    }
  },
  methods: {
    formInfo() {
      this.objCode.type = "合同编码"
      this.objCode.codeStandID = ""
      if (this.editConfig.infomation.codeStandID) {
        this.objCode.codeStandID = this.editConfig.infomation.codeStandID
      }
      this.getRCodeStandardList()
    },
    getCommonData() {
      getAllData()
        .then((res) => {
@@ -311,6 +345,7 @@
    },
    saveParams() {
      let data = this.editConfig.infomation
      console.log(data)
      let params = {
        id: this.editConfig.title === "新建" ? 0 : data.id,
        client_id: this.clientId || 0,
@@ -318,7 +353,9 @@
        member_id: data.memberId || 0,
        number: data.number || "",
        quotation_id: this.quotationId || 0,
        status_id: data.statusId || 0
        status_id: data.statusId || 0,
        codeStandID: data.ID,
        codeRule: this.codeRule
      }
      return params
    },
@@ -401,6 +438,14 @@
        this.unflodCollapseStr = "收起"
        this.isUnflod = true
      }
    },
    // 订单编码单独校验
    checkCode(rule, value, callback) {
      if (this.editConfig.infomation.number && this.editConfig.infomation.number.length > 0) {
        callback()
      } else {
        callback(new Error("请输入单据编号"))
      }
    }
  }
}