|  |  | 
 |  |  |         <ProductionCard :data="cardAttr" :value="item" color="#0D867F" /> | 
 |  |  |       </wd-card> | 
 |  |  |     </z-paging> | 
 |  |  |     <wd-popup v-model="dialog.visible" position="bottom" custom-class="yl-popup"> | 
 |  |  |     <wd-popup v-model="addDialog.visible" position="bottom" custom-class="yl-popup"> | 
 |  |  |       <view class="action px-3"> | 
 |  |  |         <wd-button type="text" @click="cancel">取消</wd-button> | 
 |  |  |         <wd-button type="text" @click="submit">确定</wd-button> | 
 |  |  |         <wd-button type="text" @click="cancelAdd">取消</wd-button> | 
 |  |  |         <wd-button type="text" @click="submitAdd">确定</wd-button> | 
 |  |  |       </view> | 
 |  |  |       <PlateForm ref="plateFormRef" @refresh="reloadList" /> | 
 |  |  |       <PlateForm ref="addFormRef" mode="add" @refresh="reloadList" /> | 
 |  |  |     </wd-popup> | 
 |  |  |     <wd-popup v-model="editDialog.visible" position="bottom" custom-class="yl-popup"> | 
 |  |  |       <view class="action px-3"> | 
 |  |  |         <wd-button type="text" @click="cancelEdit">取消</wd-button> | 
 |  |  |         <wd-button type="text" @click="submitEdit">确定</wd-button> | 
 |  |  |       </view> | 
 |  |  |       <PlateForm | 
 |  |  |         ref="editFormRef" | 
 |  |  |         mode="edit" | 
 |  |  |         :editData="editDialog.currentItem" | 
 |  |  |         @refresh="reloadList" | 
 |  |  |       /> | 
 |  |  |     </wd-popup> | 
 |  |  |     <wd-toast /> | 
 |  |  |   </view> | 
 |  |  | 
 |  |  | import ProductionCard from "../../../components/ProductionCard.vue"; | 
 |  |  | import { useToast } from "wot-design-uni"; | 
 |  |  | import PlateForm from "./form.vue"; | 
 |  |  | import { onLoad } from "@dcloudio/uni-app"; | 
 |  |  | import { onLoad, onShow } from "@dcloudio/uni-app"; | 
 |  |  | import ManageApi from "@/api/product/manage"; | 
 |  |  | import zPaging from "@/components/z-paging/z-paging.vue"; | 
 |  |  |  | 
 |  |  | const paramsId = ref(); | 
 |  |  | const pagingRef = ref(); | 
 |  |  | const plateFormRef = ref(); | 
 |  |  | const addFormRef = ref(); | 
 |  |  | const editFormRef = ref(); | 
 |  |  | const toast = useToast(); | 
 |  |  | const dialog = reactive({ | 
 |  |  | const addDialog = reactive({ | 
 |  |  |   visible: false, | 
 |  |  | }); | 
 |  |  | const editDialog = reactive({ | 
 |  |  |   visible: false, | 
 |  |  |   currentItem: null as any, | 
 |  |  |   editId: undefined as number | undefined, | 
 |  |  | }); | 
 |  |  | const cardList = ref<any[]>([]); | 
 |  |  |  | 
 |  |  | 
 |  |  |     label: "数量", | 
 |  |  |     prop: "amount", | 
 |  |  |   }, | 
 |  |  |   {}, | 
 |  |  |   { | 
 |  |  |     label: "厂家", | 
 |  |  |     prop: "supplier", | 
 |  |  | 
 |  |  | ]); | 
 |  |  |  | 
 |  |  | const toEdit = (id: number) => { | 
 |  |  |   uni.navigateTo({ | 
 |  |  |     url: `/pages/production/twist/receive/plate/edit?id=${id}`, | 
 |  |  |   }); | 
 |  |  |   // 找到需要编辑的项 | 
 |  |  |   const itemToEdit = cardList.value.find((item) => item.id === id); | 
 |  |  |   if (itemToEdit) { | 
 |  |  |     editDialog.currentItem = itemToEdit; | 
 |  |  |     editDialog.editId = id; | 
 |  |  |     editDialog.visible = true; | 
 |  |  |   } | 
 |  |  | }; | 
 |  |  |  | 
 |  |  | const addReport = () => { | 
 |  |  |   dialog.visible = true; | 
 |  |  |   // 重置表单数据 | 
 |  |  |   if (addFormRef.value) { | 
 |  |  |     addFormRef.value.resetFormData(); | 
 |  |  |   } | 
 |  |  |   addDialog.visible = true; | 
 |  |  | }; | 
 |  |  |  | 
 |  |  | const submit = async () => { | 
 |  |  | const submitAdd = async () => { | 
 |  |  |   toast.show("提交"); | 
 |  |  |   dialog.visible = !(await plateFormRef.value.submit()); | 
 |  |  |   const success = await addFormRef.value.submit(); | 
 |  |  |   if (success) { | 
 |  |  |     addDialog.visible = false; | 
 |  |  |   } | 
 |  |  | }; | 
 |  |  |  | 
 |  |  | const cancel = () => { | 
 |  |  | const cancelAdd = () => { | 
 |  |  |   toast.show("取消"); | 
 |  |  |   dialog.visible = false; | 
 |  |  |   addDialog.visible = false; | 
 |  |  |   // 清空表单数据 | 
 |  |  |   addFormRef.value?.$refs?.form?.resetFields(); | 
 |  |  | }; | 
 |  |  |  | 
 |  |  | const submitEdit = async () => { | 
 |  |  |   const success = await editFormRef.value.submitEdit(cardList.value, editDialog.editId); | 
 |  |  |   if (success) { | 
 |  |  |     editDialog.visible = false; | 
 |  |  |     reloadList(); | 
 |  |  |   } | 
 |  |  | }; | 
 |  |  |  | 
 |  |  | const cancelEdit = () => { | 
 |  |  |   toast.show("取消"); | 
 |  |  |   editDialog.visible = false; | 
 |  |  | }; | 
 |  |  |  | 
 |  |  | const reloadList = () => { |