打印样式重构

huminmin

4 天以前 70bb972b03c0036c3699bbc561b32c5ec3cc8aef

 src/views/qualityManagement/nonconformingManagement/components/inspectionFormDia.vue

@@ -11,9 +11,8 @@
          <el-col :span="12">
            <el-form-item label="类别：" prop="inspectType">
              <el-select v-model="form.inspectType" disabled>
                <el-option label="原材料检验" :value="0" />
                <el-option label="过程检验" :value="1" />
                <el-option label="出厂检验" :value="2" />
                <el-option label="成品检验" :value="2" />
              </el-select>
            </el-form-item>
          </el-col>
@@ -41,6 +40,12 @@
          </el-col>
        </el-row>
        <el-row :gutter="30">
          <el-col :span="12">
            <el-form-item label="料号：" prop="materialCode">
              <el-input v-model="form.materialCode" placeholder="请输入" clearable disabled/>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="单位：" prop="unit">
              <el-input v-model="form.unit" placeholder="请输入" clearable disabled/>
@@ -82,7 +87,7 @@
          <el-col :span="12">
            <el-form-item label="处理结果：" prop="dealResult">
              <el-select v-model="form.dealResult" placeholder="请选择" clearable>
                <el-option :label="item.label" :value="item.value" v-for="item in filteredRejectionHandling" :key="item.value" />
                <el-option :label="item.label" :value="item.value" v-for="item in filteredRejectionHandling" :key="item.value" :disabled="form.process === '印铜' && item.value !== '报废'" />
              </el-select>
            </el-form-item>
          </el-col>
@@ -109,6 +114,13 @@
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="30" v-if="form.dealResult === '隔离'">
          <el-col :span="12">
            <el-form-item label="备注：" prop="remark">
              <el-input type="textarea"  v-model="form.remark" :rows="3" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <template #footer>
        <div class="dialog-footer">
@@ -121,7 +133,7 @@
</template>

<script setup>
import {ref, reactive, toRefs, computed} from "vue";
import {ref, reactive, toRefs, computed, watch} from "vue";
import {productTreeList} from "@/api/basicData/product.js";
import {
  getQualityUnqualifiedInfo,
@@ -143,6 +155,7 @@
    productId: "",
    model: "",
    unit: "",
    materialCode: "",
    quantity: "",
    checkCompany: "",
    checkResult: "",
@@ -151,7 +164,8 @@
    dealResult: '',
    dealName: '',
    dealTime: '',
    method: undefined
    method: undefined,
    remark: undefined
  },
  rules: {
    checkTime: [{ required: false, message: "请输入", trigger: "blur" },],
@@ -181,6 +195,11 @@
  return data
})

watch(() => form.value.dealResult, (newVal) => {
  if (newVal !== '隔离') {
    form.value.remark = undefined;
  }
});

// 打开弹框
const openDialog = async (type, row) => {