产品进销存-前端
blame | 历史 | 补丁 | 提交 | 提交对比 | 忽略空白
liding
3 天以前 b0a7f824ec000a13d49e9e0e7e8e15e8e0401d25 
 src/views/qualityManagement/processInspection/components/formDia.vue


@@ -10,7 +10,9 @@


        <el-row :gutter="30">


          <el-col :span="12">


            <el-form-item label="工序：" prop="process">


              <el-input v-model="form.process" placeholder="请输入工序" clearable :disabled="processQuantityDisabled" />


              <el-select v-model="form.process" placeholder="请选择工序" clearable :disabled="processQuantityDisabled" style="width: 100%">


                <el-option v-for="item in processList" :key="item.name" :label="item.name" :value="item.name"/>


              </el-select>


            </el-form-item>


          </el-col>


          <el-col :span="12">


@@ -64,8 +66,35 @@


            </el-form-item>


          </el-col>


          <el-col :span="12">


            <el-form-item label="不良数量：" prop="defectiveQuantity">


              <el-input-number


                  :step="0.01"


                  :min="0"


                  :max="getMaxDefectiveQuantity()"


                  style="width: 100%"


                  v-model="form.defectiveQuantity"


                  placeholder="请输入"


                  clearable


                  :precision="2"




              />


            </el-form-item>


          </el-col>


          <el-col :span="12">


            <el-form-item label="不良原因：" prop="defectiveReason">


              <el-select v-model="form.defectiveReason" placeholder="请选择" clearable style="width: 100%">


                <el-option


                  v-for="dict in defective_reason"


                  :key="dict.value"


                  :label="dict.label"


                  :value="dict.value"


                />


              </el-select>


            </el-form-item>


          </el-col>


          <el-col :span="12">


            <el-form-item label="数量：" prop="quantity">


              <el-input-number :step="0.01" :min="0" style="width: 100%" v-model="form.quantity" placeholder="请输入" clearable :precision="2" :disabled="processQuantityDisabled"/>


              <el-input-number :step="0.01" :min="0" style="width: 100%" v-model="form.quantity" placeholder="请输入" clearable :precision="2" :disabled="operationType !== 'add'"/>


            </el-form-item>


          </el-col>


        </el-row>


@@ -130,15 +159,20 @@


</template>




<script setup>


import {ref, reactive, toRefs, computed, getCurrentInstance, nextTick} from "vue";


import {ref, reactive, toRefs, computed, getCurrentInstance, nextTick, watch} from "vue";


import {getOptions} from "@/api/procurementManagement/procurementLedger.js";


import {modelList, productTreeList} from "@/api/basicData/product.js";


import {qualityInspectAdd, qualityInspectUpdate} from "@/api/qualityManagement/rawMaterialInspection.js";


import {qualityInspectDetailByProductId, getQualityTestStandardParamByTestStandardId} from "@/api/qualityManagement/metricMaintenance.js";


import {userListNoPage} from "@/api/system/user.js";


import {qualityInspectParamInfo} from "@/api/qualityManagement/qualityInspectParam.js";


import { list } from "@/api/productionManagement/productionProcess";


import { useDict } from "@/utils/dict.js";


const { proxy } = getCurrentInstance()


const emit = defineEmits(['close'])




// 获取字典数据


const { defective_reason } = useDict('defective_reason');




const dialogFormVisible = ref(false);


const operationType = ref('')


@@ -154,12 +188,14 @@


    testStandardId: "",


    unit: "",


    quantity: "",


    defectiveQuantity: "",


    defectiveReason: "",


    checkCompany: "",


    checkResult: "",


  },


  rules: {


    checkTime: [{ required: true, message: "请输入", trigger: "blur" },],


    process: [{ required: true, message: "请输入工序", trigger: "blur" }],


    process: [{ required: true, message: "请选择工序", trigger: "change" }],


    checkName: [{ required: false, message: "请输入", trigger: "blur" }],


    productId: [{ required: true, message: "请输入", trigger: "blur" }],


    productModelId: [{ required: true, message: "请选择", trigger: "change" }],


@@ -177,6 +213,7 @@


  const v = form.value || {};


  return !!(v.productMainId != null || v.purchaseLedgerId != null);


});


const processList = ref([]); // 工序下拉列表（工序名称 name）


const supplierList = ref([]);


const productOptions = ref([]);


const tableColumn = ref([


@@ -208,6 +245,27 @@


const currentProductId = ref(0);


const testStandardOptions = ref([]); // 指标选择下拉框数据


const modelOptions = ref([]);


// 保存初始的 defectiveQuantity 值（用于计算变化量）


const initialDefectiveQuantity = ref(0);




// 获取不良数量最大值


const getMaxDefectiveQuantity = () => {


  return form.value.quantity || 0;


};




// 监听不良数量变化，自动更新数量


// 当 defectiveQuantity 增加时，quantity 减少；当 defectiveQuantity 减少时，quantity 增加


watch(() => form.value.defectiveQuantity, (newVal, oldVal) => {


  const newDefectiveQty = Number(newVal) || 0;


  const oldDefectiveQty = Number(oldVal) || 0;


  const currentQuantity = Number(form.value.quantity) || 0;


  


  // 计算变化量：新值 - 旧值


  const changeAmount = newDefectiveQty - oldDefectiveQty;


  


  // quantity 反向变化


  form.value.quantity = Number((currentQuantity - changeAmount).toFixed(2));


});




// 打开弹框


const openDialog = async (type, row) => {


@@ -215,6 +273,14 @@


   getOptions().then((res) => {


      supplierList.value = res.data;


   });


   // 加载工序下拉列表


   try {


      const res = await list();


      processList.value = res.data || [];


   } catch (e) {


      console.error("加载工序列表失败", e);


      processList.value = [];


   }


   let userLists = await userListNoPage();


   userList.value = userLists.data;


   // 先重置表单数据（保持字段完整，避免弹窗首次渲染时触发必填红框“闪一下”）