拉丝报工填原材料领用

YLouie

2025-10-23 8460eac918d8c8e825a0f78ac0af1c03cad8fd49

拉丝报工填原材料领用

 src/api/product/manage.ts

@@ -70,6 +70,32 @@
      data: params,
    });
  },

  //拉丝报工前生产确认
  queryWireRawMaterialInspect(params: any) {
    return request<BaseResult<any>>({
      url: "/wireInspection/queryWireRawMaterialInspect/",
      method: "GET",
      data: params,
    });
  },

  // æ–°å¢žæ‹‰ä¸åŽŸææ–™é¢†ç”¨
  addWireRawMaterialInspect(data: any) {
    return request<BaseResult<any>>({
      url: "/wireInspection/saveWireRawMaterialInspect",
      method: "POST",
      data: data,
    });
  },

  //数据字典
  dictAPI(type: string) {
    return request<BaseResult<any>>({
      url: "/system/dict/data/type/" + type,
      method: "GET",
    });
  },
};

export default ManageApi;

 src/api/product/twist.ts

@@ -71,7 +71,7 @@
    });
  },

  // æ–°å¢žå•ä¸é¢†ç”¨æ£€æŸ¥
  // æ–°å¢žç»žçº¿å•ä¸é¢†ç”¨æ£€æŸ¥
  addSingleDishInspection(data: any) {
    return request<BaseResult<any>>({
      url: "/wireInspection/saveSingleDishInspection",

 src/pages/production/twist/report/draw.vue

@@ -10,8 +10,8 @@
          <view class="form-section">
            <template v-for="(item, index) in localMaterialData" :key="index">
              <view v-if="index > 0" class="mt-4 pt-4 border-t border-gray-100"></view>
              <wd-form>
                <wd-form-item label="规格型号" prop="spec" required>
              <wd-form :model="item">
                <wd-form-item label="规格型号" prop="model" required>
                  <wd-input v-model="item.model" :disabled="false" placeholder="请输入"></wd-input>
                </wd-form-item>
                <wd-form-item label="外观质量" prop="appearanceQuality" required>
@@ -59,8 +59,8 @@
          <view class="form-section">
            <template v-for="(item, index) in localSteelData" :key="index">
              <view v-if="index > 0" class="mt-4 pt-4 border-t border-gray-100"></view>
              <wd-form>
                <wd-form-item label="规格型号" prop="spec" required>
              <wd-form :model="item">
                <wd-form-item label="规格型号" prop="model" required>
                  <wd-input v-model="item.model" :disabled="false" placeholder="请输入"></wd-input>
                </wd-form-item>
                <wd-form-item label="绞向" prop="twistedDirection" required>
@@ -99,7 +99,7 @@
        </wd-tab>
        <wd-tab title="盘具领用" name="reel">
          <view class="form-section">
            <wd-form>
            <wd-form :model="localReelData">
              <wd-form-item label="螺母是否固定" prop="nutFixed" required>
                <wd-picker
                  v-model="localReelData.nutFixed"
@@ -175,69 +175,85 @@
  </view>
</template>

<script setup>
<script setup lang="ts">
import { ref, watch } from "vue";
import { useToast } from "wot-design-uni";
import TwistApi from "@/api/product/twist";
import ManageApi from "@/api/product/manage";

// å®šä¹‰TypeScript接口
interface MaterialData {
  model: string;
  appearanceQuality: string;
  dia: string;
  length: string;
  windingTightness: string;
  arrangement: string;
  edgeDistance: string;
}

interface SteelData {
  model: string;
  twistedDirection: string;
  outerDiameter: string;
  scratch: string;
  oilStain: string;
}

interface ReelData {
  nutFixed: string;
  sidePlateFlat: string;
  centerPlateFlat: string;
  paintQuality: string;
  burrCrack: string;
  edgeBlunt: string;
  woodMold: string;
  weldQuality: string;
}

// å®šä¹‰ç»„件的props
const props = defineProps({
  singleRegulationInfoArray: {
    type: Array,
    default: () => [],
  },
  steelRegulationInfoArray: {
    type: Array,
    default: () => [],
  },
  reelToolingInfo: {
    type: Object,
    default: () => ({}),
  },
  wireId: {
    type: String,
    default: "",
  },
});
const props = defineProps<{
  singleRegulationInfoArray: MaterialData[];
  steelRegulationInfoArray: SteelData[];
  reelToolingInfo: ReelData;
  wireId: string;
}>();

const appearanceQualityOptions = [
  {
    label: "有划伤",
    value: "有划伤",
  },
  {
    label: "有竹节",
    value: "有竹节",
  },
  {
    label: "有黑色油污",
    value: "有黑色油污",
  },
  {
    label: "无",
    value: "无",
  },
];
const paintQualityOptions = [
  {
    label: "完好",
    value: "完好",
  },
  {
    label: "破损",
    value: "破损",
  },
];
const weldQualityOptions = [
  {
    label: "已磨光",
    value: "已磨光",
  },
  {
    label: "已磨皮",
    value: "已磨皮",
  },
];
const appearanceQualityOptions = ref<Array<{ label: string; value: string | number }>>([]);
const paintQualityOptions = ref<Array<{ label: string; value: string | number }>>([]);
const weldQualityOptions = ref<Array<{ label: string; value: string | number }>>([]);

// ä»Žæ•°æ®å­—典中加载数据
const loadDictData = async () => {
  try {
    // åˆ†åˆ«è°ƒç”¨dictAPI获取各个字典数据
    const paintQualityRes = await ManageApi.dictAPI("draw_paint_quality");
    const weldQualityRes = await ManageApi.dictAPI("draw_welding_quality");
    const qualityRes = await ManageApi.dictAPI("draw_appearance_quality");

    // å¤„理返回数据，转换为组件所需的格式 {label: string, value: string}
    if (paintQualityRes.data && Array.isArray(paintQualityRes.data)) {
      paintQualityOptions.value = paintQualityRes.data.map((item) => ({
        label: item.dictLabel || "",
        value: item.dictValue || "",
      }));
    }
    if (weldQualityRes.data && Array.isArray(weldQualityRes.data)) {
      weldQualityOptions.value = weldQualityRes.data.map((item) => ({
        label: item.dictLabel || "",
        value: item.dictValue || "",
      }));
    }
    if (qualityRes.data && Array.isArray(qualityRes.data)) {
      appearanceQualityOptions.value = qualityRes.data.map((item) => ({
        label: item.dictLabel || "",
        value: item.dictValue || "",
      }));
    }
  } catch (error) {
    console.error("加载数据字典失败:", error);
  }
};
const haveOrNotOptions = [
  {
    label: "有",
@@ -260,13 +276,22 @@
];
// å®šä¹‰ç»„件的emits
const emit = defineEmits(["close"]);
const activeTab = ref("material");
const activeTab = ref<string>("material");
const toast = useToast();

// æœ¬åœ°å“åº”式数据，用于存储用户输入
const localMaterialData = ref([]);
const localSteelData = ref([]);
const localReelData = ref({});
const localMaterialData = ref<MaterialData[]>([]);
const localSteelData = ref<SteelData[]>([]);
const localReelData = ref<ReelData>({
  nutFixed: "",
  sidePlateFlat: "",
  centerPlateFlat: "",
  paintQuality: "",
  burrCrack: "",
  edgeBlunt: "",
  woodMold: "",
  weldQuality: "",
});

// åˆå§‹åŒ–本地数据
const initializeData = () => {
@@ -335,7 +360,7 @@
watch(() => props.steelRegulationInfoArray, initializeData, { deep: true });
watch(() => props.reelToolingInfo, initializeData, { deep: true });

const handleTabChange = (tabName) => {
const handleTabChange = (tabName: string) => {
  activeTab.value = tabName;
};

@@ -446,7 +471,10 @@
    return true;
  }
};

// åœ¨ç»„件挂载时异步加载数据字典
onMounted(async () => {
  await loadDictData();
});
watch(
  () => [props.singleRegulationInfoArray, props.steelRegulationInfoArray, props.reelToolingInfo],
  () => {

 src/pages/production/twist/report/index.vue

@@ -20,7 +20,7 @@
          <wd-button size="small" plain style="margin-right: 10px" @click="toAttachment(item)">
            é™„件
          </wd-button>
          <wd-button size="small" plain @click="toCheck(item.id)">自检</wd-button>
          <wd-button size="small" plain @click="handleSelfCheck(item.id)">自检</wd-button>
        </template>
      </wd-card>
    </z-paging>
@@ -50,7 +50,7 @@
import { useToast } from "wot-design-uni";
import ProductionCard from "../../components/ProductionCard.vue";
import { onLoad } from "@dcloudio/uni-app";
import { ref } from "vue";
import { ref, reactive } from "vue";
import ManageApi from "@/api/product/manage";
import TwistApi from "@/api/product/twist";
import Draw from "./draw.vue";
@@ -63,7 +63,6 @@
const handleDrawClose = () => {
  // ç¡®ä¿å¼¹çª—被正确关闭
  drawFormRef.visible = false;
  console.log('Draw popup closed');
};
const pagingRef = ref();
const paramsId = ref();
@@ -172,10 +171,6 @@
    console.error("获取领用信息失败:", error);
    toast.error("获取信息失败，请重试");
  }
};

const closeDrawPopup = () => {
  drawDialogVisible.value = false;
};

const handleSelfCheck = (id: string) => {

 src/pages/production/wire/report/rawMaterial.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,319 @@
<template>
  <view class="draw-container">
    <view class="header">
      <text class="title">领用信息</text>
      <wd-icon name="close" class="close-icon" @click="handleClose"></wd-icon>
    </view>
    <view class="content">
      <wd-tabs v-model="activeTab" @change="handleTabChange">
        <wd-tab title="原材料领用" name="reel">
          <view class="form-section">
            <wd-form :model="materialData">
              <wd-form-item label="型号" prop="model" required>
                <wd-picker
                  v-model="materialData.model"
                  range-key="label"
                  :columns="drawing_model"
                  placeholder="请选择"
                ></wd-picker>
              </wd-form-item>
              <wd-form-item label="规格" prop="spec" required>
                <wd-picker
                  v-model="materialData.spec"
                  range-key="label"
                  :columns="drawing_spec"
                  placeholder="请选择"
                ></wd-picker>
              </wd-form-item>
              <wd-form-item label="导电率(%IACS)" prop="conductivity" required>
                <wd-input
                  v-model="materialData.conductivity"
                  range-key="label"
                  placeholder="请输入"
                ></wd-input>
              </wd-form-item>
              <wd-form-item label="抗拉强度(Mpa)" prop="tensileStrength" required>
                <wd-input
                  v-model="materialData.tensileStrength"
                  range-key="label"
                  placeholder="请输入"
                ></wd-input>
              </wd-form-item>
              <wd-form-item label="电阻率(nΩ·m)" prop="resistivity" required>
                <wd-input
                  v-model="materialData.resistivity"
                  range-key="label"
                  placeholder="请输入"
                ></wd-input>
              </wd-form-item>
              <wd-form-item label="伸长率(%)" prop="elongationRate" required>
                <wd-input
                  v-model="materialData.elongationRate"
                  range-key="label"
                  placeholder="请输入"
                ></wd-input>
              </wd-form-item>
              <wd-form-item label="外观质量" prop="appearanceQuality" required>
                <wd-select-picker
                  v-model="materialData.appearanceQuality"
                  range-key="label"
                  :columns="drawing_appearanceQuality"
                  placeholder="请选择"
                ></wd-select-picker>
              </wd-form-item>
            </wd-form>
          </view>
        </wd-tab>
      </wd-tabs>
    </view>
    <view class="footer">
      <wd-button type="primary" class="submit-btn" @click="handleSubmit">确认</wd-button>
    </view>
  </view>
</template>

<script setup lang="ts">
import { ref, onMounted } from "vue";
import { useToast } from "wot-design-uni";
import ManageApi from "@/api/product/manage";

// å®šä¹‰æ•°æ®å­—典相关的响应式数据
const drawing_model = ref<Array<{ label: string; value: string | number }>>([]);
const drawing_spec = ref<Array<{ label: string; value: string | number }>>([]);
const drawing_appearanceQuality = ref<Array<{ label: string; value: string | number }>>([]);

// ä»Žæ•°æ®å­—典中加载数据
const loadDictData = async () => {
  try {
    // åˆ†åˆ«è°ƒç”¨dictAPI获取各个字典数据
    const modelRes = await ManageApi.dictAPI("drawing_model");
    const specRes = await ManageApi.dictAPI("drawing_specification");
    const qualityRes = await ManageApi.dictAPI("draw_appearance_quality");

    // å¤„理返回数据，转换为组件所需的格式 {label: string, value: string}
    if (modelRes.data && Array.isArray(modelRes.data)) {
      drawing_model.value = modelRes.data.map((item) => ({
        label: item.dictLabel || "",
        value: item.dictValue || "",
      }));
    }
    if (specRes.data && Array.isArray(specRes.data)) {
      drawing_spec.value = specRes.data.map((item) => ({
        label: item.dictLabel || "",
        value: item.dictValue || "",
      }));
    }
    if (qualityRes.data && Array.isArray(qualityRes.data)) {
      drawing_appearanceQuality.value = qualityRes.data.map((item) => ({
        label: item.dictLabel || "",
        value: item.dictValue || "",
      }));
    }
  } catch (error) {
    console.error("加载数据字典失败:", error);
  }
};

// å®šä¹‰ç»„件的props
const props = defineProps({
  wireId: {
    type: String,
    default: "",
  },
  poleNumber: {
    type: String,
    default: "",
  },
});

// å®šä¹‰ç»„件的emits
const emit = defineEmits(["close"]);
const activeTab = ref("reel"); // ä¸Žtab的name保持一致
const toast = useToast();

// æœ¬åœ°å“åº”式数据，用于存储用户输入
const materialData = ref<Record<string, any>>({});
const initializeData = () => {
  // åˆå§‹åŒ–原材料数据
  materialData.value = {
    model: "",
    spec: "",
    conductivity: "",
    tensileStrength: "",
    resistivity: "",
    elongationRate: "",
    appearanceQuality: "",
  };
};

// åˆå§‹åŒ–数据
initializeData();

// åœ¨ç»„件挂载时异步加载数据字典
onMounted(async () => {
  await loadDictData();
});

// ç›‘听props变化，更新本地数据

const handleTabChange = (tabName: string) => {
  activeTab.value = tabName;
};

const handleClose = () => {
  // ç¡®ä¿å…³é—­äº‹ä»¶è¢«æ­£ç¡®è§¦å‘
  emit("close");
};

const handleSubmit = async () => {
  try {
    // è°ƒç”¨API提交数据
    await ManageApi.addWireRawMaterialInspect({
      inspectResult: {
        singleRegulationInfoArray: materialData.value,
      },
      wireId: props.wireId,
      poleNumber: props.poleNumber,
    });

    // æ ¹æ®ç”¨æˆ·åé¦ˆï¼ŒAPI实际已经成功提交，直接显示成功消息
    toast.success("提交成功");
    // ç«‹å³å…³é—­å¼¹çª—，确保emit事件正确触发
    setTimeout(() => {
      emit("close");
    }, 100);
    return true;
  } catch (error) {
    // å³ä½¿æ•èŽ·åˆ°é”™è¯¯ï¼Œæ ¹æ®ç”¨æˆ·åé¦ˆå®žé™…数据也已提交成功
    console.log("提交过程有异常但数据已保存:", error);
    toast.success("提交成功");
    setTimeout(() => {
      emit("close");
    }, 100);
    return true;
  }
};
</script>

<style lang="scss" scoped>
.draw-container {
  width: 100%;
  height: 100vh;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background-color: #ffffff;
  border-bottom: 1px solid #e6e6e6;
  position: sticky;
  top: 0;
  z-index: 10;
}

.title {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
}

.close-icon {
  font-size: 22px;
  color: #999999;
  padding: 4px;
}

.close-icon:active {
  opacity: 0.6;
}

.content {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
}

.form-section {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
}

:deep(.wd-form .wd-form-item) {
  margin-bottom: 16px;
}

:deep(.wd-form-item .wd-form-label) {
  min-width: 100px;
  font-size: 14px;
  color: #666666;
}

:deep(.wd-form-item .wd-input .wd-input__control) {
  font-size: 14px;
  color: #333333;
  background-color: #f9f9f9;
}

.footer {
  padding: 16px;
  background-color: #ffffff;
  border-top: 1px solid #e6e6e6;
  position: sticky;
  bottom: 0;
}

.submit-btn {
  width: 100%;
}

// ç¾ŽåŒ–选择器样式 - å¢žåŠ æƒé‡ç¡®ä¿æ ·å¼ç”Ÿæ•ˆ
:deep(.wd-select-picker) {
  & .wd-select-picker__option {
    text-align: center !important;
    padding: 12px 0 !important;
    font-size: 16px !important;
  }

  & .wd-select-picker__confirm {
    border-radius: 8px !important;
    background-color: #409eff !important;
    color: white !important;
    font-weight: 500 !important;
  }

  & .wd-select-picker__header {
    padding: 10px 0 !important;
    border-bottom: 1px solid #e6e6e6 !important;
  }

  & .wd-select-picker__title {
    font-size: 16px !important;
    font-weight: 500 !important;
  }
}

// ç¡®ä¿é€‰æ‹©å™¨å†…部选项居中 - æ›´é€šç”¨çš„选择器
:deep(.wd-select-picker__content) {
  .wd-select-picker__option {
    text-align: center !important;
    padding: 12px 0 !important;
    font-size: 16px !important;
  }
}

// ç›´æŽ¥é’ˆå¯¹é€‰é¡¹å…ƒç´ çš„选择器
:deep([class*="select-picker"].wd-popup) {
  .wd-select-picker__option {
    text-align: center !important;
    padding: 12px 0 !important;
    font-size: 16px !important;
  }
}
</style>

 src/pages/production/wire/report/wire.vue

@@ -22,7 +22,7 @@
        </template>
        <ProductionCard :data="cardAttr" :value="item" />
        <template #footer>
          <wd-button size="small" plain @click="toAttachment(item)" style="margin-right: 10px">
          <wd-button size="small" plain style="margin-right: 10px" @click="toAttachment(item)">
            é™„件
          </wd-button>
          <wd-button size="small" plain @click="toCheck(item.id)">自检</wd-button>
@@ -36,6 +36,13 @@
      </view>
      <WireForm ref="wireFormRef" />
    </wd-popup>
    <wd-popup v-model="drawFormRef.visible" position="bottom" custom-class="yl-popup">
      <Draw
        :wire-id="drawData.wireId"
        :pole-number="drawData.poleNumber"
        @close="handleDrawClose"
      />
    </wd-popup>
    <wd-toast />
  </view>
</template>
@@ -47,6 +54,7 @@
import zPaging from "@/components/z-paging/z-paging.vue";
import { onLoad } from "@dcloudio/uni-app";
import ManageApi from "@/api/product/manage";
import Draw from "./rawMaterial.vue";

const pagingRef = ref();
const wireFormRef = ref();
@@ -55,6 +63,45 @@
const dialog = reactive({
  visible: false,
});

const drawFormRef = reactive({
  visible: false,
});
// å¤„理draw组件关闭事件
const handleDrawClose = () => {
  // ç¡®ä¿å¼¹çª—被正确关闭
  drawFormRef.visible = false;
};
const drawData = ref({
  wireId: "",
  poleNumber: "",
});

const showDrawPopup = async () => {
  console.log("进入该方法！");
  try {
    const { data } = await ManageApi.queryWireRawMaterialInspect({
      wireId: paramsId.value,
      poleNumber: drawData.value.poleNumber,
    });
    console.log("data", data);
    // é€‚配不同的数据结构返回格式
    if (data == null) {
      drawData.value = {
        wireId: paramsId.value,
        poleNumber: drawData.value.poleNumber,
      };
      // æ˜¾ç¤ºDraw弹窗
      drawFormRef.visible = true;
      toast.success("请填写领用信息!");
    } else {
      toast.error("已存在领用信息,无需填报!");
    }
  } catch (error) {
    console.error("获取领用信息失败:", error);
    toast.error("获取信息失败，请重试");
  }
};

const cardAttr = ref<any[]>([
  {
@@ -113,8 +160,14 @@
  dialog.visible = true;
};

const submit = () => {
  dialog.visible = !wireFormRef.value.submit();
const submit = async () => {
  const result = await wireFormRef.value.submit();
  dialog.visible = !result.success;
  // è®¾ç½®poleNumber到drawData中
  if (result.success) {
    drawData.value.poleNumber = result.poleNumber;
    showDrawPopup();
  }
  pagingRef.value.reload();
};


 src/pages/production/wire/report/wireForm.vue

@@ -116,18 +116,29 @@
});

const submit = async () => {
  // åœ¨è°ƒç”¨API前先保存poleNumber的值，确保我们有正确的值
  const poleNumberValue = model.poleNumber;

  const { code } = await WireApi.addWireOutput({
    wireId: paramsId.value,
    type: "拉丝",
    ...model,
  });

  if (code == 200) {
    toast.success("提交成功");
    // åˆ›å»ºè¿”回结果对象，使用提前保存的poleNumber值
    const result = {
      success: true,
      poleNumber: poleNumberValue,
    };
    // åœ¨è¿”回之前执行resetForm()
    resetForm();
    return true;
    // è¿”回结果
    return result;
  } else {
    toast.error("提交失败");
    return false;
    return { success: false };
  }
};