产品进销存-前端
blame | 历史 | 补丁 | 提交 | 提交对比 | 忽略空白
云
2026-07-06 9c1e0958af114e4ae2bfaaade28d49753268e9f1 
 src/views/procurementManagement/procurementLedger/index.vue


@@ -27,13 +27,13 @@


                      clearable


                      :prefix-icon="Search" />


          </el-form-item>


          <el-form-item label="销售合同号：">


            <el-input v-model="searchForm.salesContractNo"


                      placeholder="请输入"


                      clearable


                      prefix-icon="Search"


                      @change="handleQuery" />


          </el-form-item>


<!--          <el-form-item label="订单号：">-->


<!--            <el-input v-model="searchForm.salesContractNo"-->


<!--                      placeholder="请输入"-->


<!--                      clearable-->


<!--                      prefix-icon="Search"-->


<!--                      @change="handleQuery" />-->


<!--          </el-form-item>-->


          <el-form-item label="项目名称：">


            <el-input v-model="searchForm.projectName"


                      placeholder="请输入"


@@ -217,10 +217,10 @@


                         prop="purchaseContractNumber"


                         width="160"


                         show-overflow-tooltip />


        <el-table-column label="销售合同号"


                         prop="salesContractNo"


                         width="160"


                         show-overflow-tooltip />


<!--        <el-table-column label="订单号"-->


<!--                         prop="salesContractNo"-->


<!--                         width="160"-->


<!--                         show-overflow-tooltip />-->


        <el-table-column label="供应商名称"


                         prop="supplierName"


                         width="160"


@@ -324,21 +324,21 @@


                        clearable />


            </el-form-item>


          </el-col>


          <el-col :span="12">


            <el-form-item label="销售合同号："


                          prop="salesLedgerId">


              <el-select v-model="form.salesLedgerId"


                         placeholder="请选择"


                         filterable


                         clearable


                         @change="salesLedgerChange">


                <el-option v-for="item in salesContractList"


                           :key="item.id"


                           :label="item.salesContractNo"


                           :value="item.id" />


              </el-select>


            </el-form-item>


          </el-col>


<!--          <el-col :span="12">-->


<!--            <el-form-item label="订单号："-->


<!--                          prop="salesLedgerId">-->


<!--              <el-select v-model="form.salesLedgerId"-->


<!--                         placeholder="请选择"-->


<!--                         filterable-->


<!--                         clearable-->


<!--                         @change="salesLedgerChange">-->


<!--                <el-option v-for="item in salesContractList"-->


<!--                           :key="item.id"-->


<!--                           :label="item.salesContractNo"-->


<!--                           :value="item.id" />-->


<!--              </el-select>-->


<!--            </el-form-item>-->


<!--          </el-col>-->


        </el-row>


        <el-row :gutter="30">


          <el-col :span="12">


@@ -585,6 +585,35 @@


              <el-tag v-else :type="scope.row.isChecked ? 'success' : 'info'">


                {{ scope.row.isChecked ? '是' : '否' }}


              </el-tag>


            </template>


          </el-table-column>


          <el-table-column label="选择设备"


                           prop="deviceId"


                           width="150">


            <template #default="scope">


              <span v-if="scope.row.productType === 2">--</span>


              <el-select v-else


                         v-model="scope.row.deviceId"


                         placeholder="请选择设备"


                         filterable


                         clearable


                         @change="handleDeviceChange(scope.row, scope.$index)">


                <el-option v-for="device in iotDeviceList"


                           :key="device.id"


                           :label="device.deviceName"


                           :value="device.id" />


              </el-select>


            </template>


          </el-table-column>


          <el-table-column label="库位"


                           prop="storageLocation"


                           width="120">


            <template #default="scope">


              <span v-if="scope.row.productType === 2">--</span>


              <el-input v-else


                        v-model="scope.row.storageLocation"


                        placeholder="自动获取"


                        disabled />


            </template>


          </el-table-column>


          <el-table-column label="入库审核状态"


@@ -853,6 +882,32 @@


        </el-row>


        <el-row :gutter="30" v-if="productForm.productType !== 2">


          <el-col :span="12">


            <el-form-item label="选择设备："


                          prop="deviceId">


              <el-select v-model="productForm.deviceId"


                         placeholder="请选择设备"


                         filterable


                         clearable


                         style="width: 100%"


                         @change="handleProductDeviceChange">


                <el-option v-for="device in iotDeviceList"


                           :key="device.id"


                           :label="device.deviceName"


                           :value="device.id" />


              </el-select>


            </el-form-item>


          </el-col>


          <el-col :span="12">


            <el-form-item label="库位："


                          prop="storageLocation">


              <el-input v-model="productForm.storageLocation"


                        placeholder="选择设备后自动获取"


                        disabled />


            </el-form-item>


          </el-col>


        </el-row>


        <el-row :gutter="30" v-if="productForm.productType !== 2">


          <el-col :span="12">


            <el-form-item label="是否质检："


                          prop="isChecked">


              <el-radio-group v-model="productForm.isChecked">


@@ -950,6 +1005,7 @@


  const salesContractList = ref([]);


  const supplierList = ref([]);


  const contractList = ref([]); // 供应商合同列表


  const iotDeviceList = ref([]); // IoT设备列表


  const contractFileDialogVisible = ref(false);


  const contractFileList = ref([]);


  const tableLoading = ref(false);


@@ -965,6 +1021,7 @@


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


  import { getSparePartsList } from "@/api/equipmentManagement/spareParts.js";


  import { getSupplierContractList, getSupplierContractFilesByNo } from "@/api/basicData/supplierContract.js";


  import { getIotDeviceList as getIotDeviceListApi } from "@/api/equipmentManagement/ledger.js";


  import dayjs from "dayjs";


  import FileUpload from "@/components/AttachmentUpload/file/index.vue";




@@ -1185,6 +1242,8 @@


      invoiceType: "",


      warnNum: "",


      isChecked: false,


      deviceId: "",


      storageLocation: "",


    },


    productRules: {


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


@@ -2284,6 +2343,39 @@


    }


  };




  // 获取IoT设备列表


  // 获取IoT设备列表


  const getIotDeviceList = async () => {


    try {


      const res = await getIotDeviceListApi();


      if (res.data) {


        iotDeviceList.value = res.data;


      }


    } catch (error) {


      console.error("获取IoT设备列表失败:", error);


    }


  };




  // 设备选择变更时，自动填充库位


  const handleDeviceChange = (row, index) => {


    const device = iotDeviceList.value.find(d => d.id === row.deviceId);


    if (device) {


      row.storageLocation = device.storageLocation || '';


    } else {


      row.storageLocation = '';


    }


  };




  // 产品弹窗中设备选择变更时，自动填充库位


  const handleProductDeviceChange = (deviceId) => {


    const device = iotDeviceList.value.find(d => d.id === deviceId);


    if (device) {


      productForm.value.storageLocation = device.storageLocation || '';


    } else {


      productForm.value.storageLocation = '';


    }


  };




  // 格式化文件大小


  const formatFileSize = (bytes) => {


    if (!bytes) return '0 B';


@@ -2296,6 +2388,7 @@


  onMounted(() => {


    getList();


    getTemplateList();


    getIotDeviceList();


  });


</script>