曹睿
2025-04-24 5519cbf2e00c7ba4c650a542d98da99978124a30
src/pages/production/wire/selfInspect/index.vue
@@ -1,20 +1,22 @@
<template>
  <view class="page pt-2">
    <CardTitle title="拉丝自检" :hideAction="true" @action="addReport" />
    <view class="list">
      <wd-card type="rectangle" custom-class="round">
  <view class="list">
    <z-paging ref="pagingRef" v-model="cardList" :fixed="false" @query="getList">
      <template #top>
        <CardTitle title="拉丝自检" :hideAction="false" />
      </template>
      <wd-card v-for="(item, index) in cardList" :key="index" type="rectangle" custom-class="round">
        <template #title>
          <view class="flex justify-between">
            <view>
              <wd-icon name="a-rootlist" color="#0D867F"></wd-icon>
              <text class="text-[#252525] ml-2 font-medium">自检项目名称</text>
              <text class="text-[#252525] ml-2 font-medium">{{ item.inspectionProject }}</text>
            </view>
            <view class="text-[#A8A8A8]" @click="toEdit">编辑</view>
          </view>
        </template>
        <ProductionCard :data="cardAttr" color="#0D867F" />
        <ProductionCard :data="cardAttr" :value="item" color="#0D867F" />
      </wd-card>
    </view>
    </z-paging>
    <wd-popup v-model="dialog.visible" position="bottom" custom-class="yl-popup">
      <view class="action px-3">
        <wd-button type="text" @click="cancel">取消</wd-button>
@@ -31,7 +33,10 @@
import ProductionCard from "../../components/ProductionCard.vue";
import { useToast } from "wot-design-uni";
import SelfInspectForm from "./form.vue";
import ManageApi from "@/api/product/manage";
const pagingRef = ref();
const paramsId = ref();
const toast = useToast();
const dialog = reactive({
  visible: false,
@@ -39,25 +44,27 @@
const cardAttr = ref<any[]>([
  {
    label: "单位",
    value: "nΩ·m",
    prop: "inspectionUnit",
  },
  {
    label: "标准值",
    value: "1246",
    prop: "standardValue",
  },
  {
    label: "自检值",
    value: "1245",
    prop: "inspectionItem",
  },
  {
    label: "自检结果",
    value: "不合格",
    prop: "inspectionResult",
    color: "#FF1E1E",
  },
]);
const addReport = () => {
  dialog.visible = true;
};
const cardList = ref<any[]>([]);
// const addReport = () => {
//   dialog.visible = true;
// };
const toEdit = () => {
  uni.navigateTo({
@@ -73,20 +80,29 @@
  toast.show("取消");
  dialog.visible = false;
};
const getList = async () => {
  const { data } = await ManageApi.getSelfInspection({
    outPutId: paramsId.value,
    type: "拉丝",
  });
  pagingRef.value.complete(data);
};
onLoad((options: any) => {
  paramsId.value = options.id;
});
</script>
<style lang="scss" scoped>
.page {
.list {
  height: calc(100vh - 120px);
  padding: 12px;
  background: #f3f9f8;
  .list {
    height: calc(100vh - 120px);
    margin: 12px;
    overflow: scroll;
    :deep() {
      .round {
        border-radius: 4px;
      }
  :deep() {
    .round {
      border-radius: 4px;
    }
  }
}