气柜和管路物料用量数据-页面

zhanghl

2025-04-25 d33c6b6b3b0e8cb9177ba90852b018a23faa18a0

气柜和管路物料用量数据-页面

 src/views/basicData/gasMaterialUsage/index.vue

@@ -1,6 +1,10 @@
<template>
  <div class="app-container">
    <el-row :gutter="20">
      <el-col>
    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
          <el-row :gutter="20">
            <el-col :span="6">
      <el-form-item label="料号" prop="itemNumber">
        <el-input
          v-model="queryParams.itemNumber"
@@ -9,6 +13,8 @@
          @keyup.enter="handleQuery"
        />
      </el-form-item>
            </el-col>
            <el-col :span="6">
      <el-form-item label="图号" prop="drawingNo">
        <el-input
          v-model="queryParams.drawingNo"
@@ -17,6 +23,8 @@
          @keyup.enter="handleQuery"
        />
      </el-form-item>
            </el-col>
            <el-col :span="6">
      <el-form-item label="版本" prop="version">
        <el-input
          v-model="queryParams.version"
@@ -25,6 +33,8 @@
          @keyup.enter="handleQuery"
        />
      </el-form-item>
            </el-col>
            <el-col :span="6">
      <el-form-item label="工序名称" prop="processName">
        <el-input
          v-model="queryParams.processName"
@@ -33,20 +43,17 @@
          @keyup.enter="handleQuery"
        />
      </el-form-item>
      <el-form-item label="标准用量" prop="standardAmount">
        <el-input
          v-model="queryParams.standardAmount"
          placeholder="请输入标准用量"
          clearable
          @keyup.enter="handleQuery"
        />
      </el-form-item>
            </el-col>
            <el-col :span="24" style="text-align: right;">
      <el-form-item>
        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
      </el-form-item>
            </el-col>
          </el-row>
    </el-form>

      </el-col>
    </el-row>
    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
@@ -55,7 +62,8 @@
            icon="Upload"
            @click="handleImport"
            v-hasPermi="['gasMaterialUsage:import']"
        >导入</el-button>
        >导入
        </el-button>
      </el-col>
      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>
@@ -92,7 +100,9 @@
                     :on-progress="handleFileUploadProgress"
                     :on-success="handleFileSuccess"
                     :auto-upload="true" drag>
            <el-icon class="el-icon--upload"><upload-filled /></el-icon>
            <el-icon class="el-icon--upload">
              <upload-filled/>
            </el-icon>
            <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
            <template #tip>
              <div class="el-upload__tip">
@@ -115,7 +125,7 @@
      </el-row>
      <template #footer>
        <div class="dialog-footer">
          <el-button @click="dialogCancel">取 消</el-button>
          <el-button @click="dialogCancel">关 闭</el-button>
        </div>
      </template>
    </el-dialog>
@@ -161,17 +171,16 @@
    standardAmount: null,
    orgCode: null,
  },
  rules: {
  }
  rules: {}
});

const { queryParams, form, rules } = toRefs(data);
const columns = ref([
  { type: 'seq', title: '序号', width: 60 },
  { title: '料号', field: 'itemNumber', width: 150,},
  { title: '图号', field: 'drawingNo', width: 150,},
  {title: '料号', field: 'itemNumber'},
  {title: '图号', field: 'drawingNo'},
  { title: '版本', field: 'version', width: 150,},
  { title: '工序名称', field: 'processName', width: 150,},
  {title: '工序名称', field: 'processName'},
  { title: '标准用量', field: 'standardAmount', width: 150,},
])

@@ -207,17 +216,19 @@
  upload.title = "钣金计划数据上传";
  upload.open = true;
}

/**文件上传中处理 */
const handleFileUploadProgress = (event, file, fileList) => {
  upload.isUploading = true;
};
/** 文件上传成功处理 */
const handleFileSuccess = (response, file, fileList) => {
  if(response.code === '200'){
  if (response.code === 200) {
    batchNumber.value = response.data;
    isVisible.value = true;
    planned.value = false;
    isError.value = false;
    getList();
  }else{
    isError.value = true;
    proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
@@ -225,6 +236,18 @@
  proxy.$refs["uploadRef"].handleRemove(file);
  upload.isUploading = false;
};

/** dialog取消 */
function dialogCancel() {
  if (uploadRef.value) {
    uploadRef.value.clearFiles();
  }
  isVisible.value = false;
  isError.value = false;
  planned.value = true;
  upload.open = false;
  upload.isUploading = false;
}

// 取消按钮
function cancel() {
@@ -315,7 +338,8 @@
  }).then(() => {
    getList();
    proxy.$modal.msgSuccess("删除成功");
  }).catch(() => {});
  }).catch(() => {
  });
}

/** 导出按钮操作 */