出入库查看验证显示问题

yangfeng

2023-09-28 e8d70d091ff525e1cf29bb18f4353e2a7bd753a5

 src/views/overview/AddOverviewDialog.vue

@@ -107,7 +107,21 @@
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="12">
              <el-col v-if="showOperationType" :span="12">
                <el-form-item label="入库类型" prop="operationTypeId">
                  <el-select
                    v-model="editConfig.infomation.operationTypeId"
                    placeholder="请选择"
                    size="mini"
                    style="width: 90%"
                    :disabled="!showFooter"
                  >
                    <el-option v-for="item in operationTypeOptions" :key="item.id" :label="item.name" :value="item.id">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col v-else :span="12">
                <el-form-item label="入库类型">
                  <el-input v-model="receiptType" disabled style="width: 90%"></el-input>
                </el-form-item>
@@ -260,7 +274,14 @@

<script>
import CommonFormTableView from "@/components/makepager/CommonFormTableView"
import { getLocationList, addOperation, updateOperation, updateStatus, deleteOperation } from "@/api/overview/overview"
import {
  getLocationList,
  addOperation,
  updateOperation,
  updateStatus,
  deleteOperation,
  getOperationType
} from "@/api/overview/overview"
import { getCompanyList } from "@/api/common/other"
export default {
  name: "AddOverviewDialog",
@@ -283,6 +304,10 @@
    addName: {
      type: String,
      default: "调拨"
    },
    showOperationType: {
      type: Boolean,
      default: false
    }
  },
  components: { CommonFormTableView },
@@ -295,7 +320,8 @@
        sourceNumber: [{ required: true, message: "请输入来源单据", trigger: "blur" }],
        operationDate: [{ required: true, message: "请选择日期", trigger: "change" }],
        toLocationId: [{ required: true, message: "请选择仓库位置", trigger: "change" }],
        fromLocationId: [{ required: true, message: "请选择源位置", trigger: "change" }]
        fromLocationId: [{ required: true, message: "请选择源位置", trigger: "change" }],
        operationTypeId: [{ required: true, message: "请选择入库类型", trigger: "change" }]
      },
      companyOptions: [], // 公司
      memberOptions: [{ id: 1, name: "管理员" }],
@@ -324,7 +350,8 @@
      receiptType: "", // 入库类型
      companyObj: {},
      contacterObj: {},
      isValidateClick: false // 验证是否显示
      isValidateClick: false, // 验证是否显示
      operationTypeOptions: [] // 入库类型列表
    }
  },
  created() {
@@ -334,6 +361,9 @@
    this.getCompanyList()
    this.getLocationList()
    this.receiptType = this.editConfig.title === "查看" ? this.editConfig.infomation.operationTypeName : this.addName
    if (this.showOperationType) {
      this.getOperationType()
    }
  },
  methods: {
    // 获取公司列表
@@ -358,14 +388,44 @@
        }
      })
    },
    // 获取仓库类型
    async getOperationType() {
      await getOperationType({
        keyword: "",
        page: 0,
        pageSize: 0
      }).then((res) => {
        console.log(res.data.data)
        if (res.data.code === 200) {
          const list = res.data.data.map((item) => {
            return {
              name: item.name,
              id: item.id
            }
          })
          this.operationTypeOptions = list || []
        }
      })
    },
    // 设置删除/打印/编辑是否显示
    setBottonView() {
      console.log(this.editConfig.infomation.status)
      if (this.editConfig.title === "新建") {
        this.showButton = false
        this.showEdit = false
        this.showFooter = true
        this.isValidateClick = false
      } else if (this.editConfig.infomation.status === 4) {
      } else if (this.editConfig.title === "查看" && this.editConfig.infomation.status !== 4) {
        this.showButton = true
        this.showEdit = false
        this.isDelClick = true
        this.showFooter = false
        if (this.editConfig.infomation.status === "完成") {
          this.isValidateClick = false
        } else {
          this.isValidateClick = true
        }
      } else if (this.editConfig.infomation.status === 4 || this.editConfig.infomation.status === "完成") {
        this.showButton = true
        this.showEdit = false
        this.isDelClick = true
@@ -377,6 +437,7 @@
        this.showFooter = false
        this.isValidateClick = false
      } else {
        // 就绪---
        this.showButton = true
        this.showEdit = true
        this.showFooter = false
@@ -386,7 +447,8 @@
        this.list[0].status = "active"
      } else {
        this.list.map((item) => {
          if (item.value === this.editConfig.infomation.status) {
          console.log(item, this.editConfig.infomation.status, "打印信息")
          if (item.value === this.editConfig.infomation.status || item.label === this.editConfig.infomation.status) {
            item.status = "active"
          } else {
            item.status = "todo"
@@ -462,9 +524,9 @@
        details: this.tableData,
        fromLocationId: data.fromLocationId || 0,
        id: data.id,
        number: "",
        number: data.number || "",
        operationDate: data.operationDate || "",
        operationTypeId: this.editConfig.operationTypeId,
        operationTypeId: this.showOperationType ? data.operationTypeId : this.editConfig.operationTypeId,
        operationTypeName: this.receiptType,
        sourceNumber: data.sourceNumber || "",
        status: 3,
@@ -485,7 +547,23 @@
    },
    // 操作列表
    setTableForm() {
      this.tableData = this.editConfig.title !== "新建" ? this.editConfig.infomation.details : []
      if (
        this.editConfig.title !== "新建" &&
        this.editConfig.infomation.details &&
        this.editConfig.infomation.details.length > 0
      ) {
        const list = this.editConfig.infomation.details.map((item) => {
          return {
            ...item,
            productName: item.product.name,
            unit: item.product.unit
          }
        })
        this.tableData = list
      } else {
        this.tableData = []
      }
      // this.tableData = this.editConfig.title !== "新建" ? list : []
      this.productTableList = {
        tableData: this.tableData,
        tableColumn: [