| | |
| | | @query="getList" |
| | | > |
| | | <template #top> |
| | | <CardTitle title="钢芯领用" :hideAction="true" @action="addReport" /> |
| | | <CardTitle title="钢芯领用" :hideAction="true" :full="false" @action="addReport" /> |
| | | </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">JX28201021-1</text> |
| | | <text class="text-[#252525] ml-2 font-medium">{{ item.model }}</text> |
| | | </view> |
| | | <view class="text-[#A8A8A8]" @click="toEdit">编辑</view> |
| | | <view class="text-[#A8A8A8]" @click="toEdit(item.id)">编辑</view> |
| | | </view> |
| | | </template> |
| | | <ProductionCard :data="cardAttr" color="#0D867F" /> |
| | | <ProductionCard :data="cardAttr" :value="item" color="#0D867F" /> |
| | | </wd-card> |
| | | </z-paging> |
| | | <wd-popup v-model="addDialog.visible" position="bottom" custom-class="yl-popup"> |
| | | <view class="action px-3"> |
| | | <wd-button type="text" @click="cancelAdd">取消</wd-button> |
| | | <wd-button type="text" @click="submitAdd">确定</wd-button> |
| | | </view> |
| | | <SteelCore 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> |
| | | <SteelCore |
| | | ref="editFormRef" |
| | | mode="edit" |
| | | :editData="editDialog.currentItem" |
| | | @refresh="reloadList" |
| | | /> |
| | | </wd-popup> |
| | | <wd-toast /> |
| | | </view> |
| | | <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> |
| | | <wd-button type="text" @click="submit">确定</wd-button> |
| | | </view> |
| | | <PlateForm /> |
| | | </wd-popup> |
| | | <wd-toast /> |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | import CardTitle from "@/components/card-title/index.vue"; |
| | | import ProductionCard from "../../../components/ProductionCard.vue"; |
| | | import { useToast } from "wot-design-uni"; |
| | | import PlateForm from "./form.vue"; |
| | | import SteelCore from "./form.vue"; |
| | | import { onLoad } 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 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[]>([]); |
| | | |
| | | const cardAttr = ref<any[]>([ |
| | | { |
| | | label: "盘号", |
| | | value: "1902101", |
| | | label: "样品编号", |
| | | prop: "monofilamentNumber", |
| | | }, |
| | | { |
| | | label: "长度", |
| | | value: "46kg", |
| | | label: "数量", |
| | | prop: "amount", |
| | | unitProp: "unit", |
| | | }, |
| | | { |
| | | label: "重量", |
| | | value: "10kg", |
| | | }, |
| | | { |
| | | label: undefined, |
| | | value: undefined, |
| | | prop: "weight", |
| | | unitProp: "weightUnit", |
| | | }, |
| | | { |
| | | label: "厂家", |
| | | value: "江苏省南通市芯导数字厂", |
| | | prop: "supplier", |
| | | span: 16, |
| | | }, |
| | | ]); |
| | | |
| | | const toEdit = () => { |
| | | uni.navigateTo({ |
| | | url: "/pages/production/twist/receive/steelCore/edit", |
| | | }); |
| | | const toEdit = (id: number) => { |
| | | 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 = () => { |
| | | toast.show("提交"); |
| | | dialog.visible = false; |
| | | const submitAdd = async () => { |
| | | const success = await addFormRef.value.submit(); |
| | | if (success) { |
| | | addDialog.visible = false; |
| | | } |
| | | }; |
| | | |
| | | const cancel = () => { |
| | | const cancelAdd = () => { |
| | | toast.show("取消"); |
| | | dialog.visible = false; |
| | | addDialog.visible = false; |
| | | }; |
| | | |
| | | 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 getList = async () => { |
| | | const { code, data } = await ManageApi.getStrandedWireDish({ |
| | | wireId: paramsId.value, |
| | | type: "盘具", |
| | | type: "钢芯", |
| | | }); |
| | | if (code == 200) { |
| | | pagingRef.value.complete(data); |
| | | } |
| | | }; |
| | | |
| | | const reloadList = () => { |
| | | pagingRef.value.refresh(); |
| | | }; |
| | | |
| | | onLoad((options: any) => { |
| | | paramsId.value = options.id; |
| | | }); |