spring
8 天以前 78c565e37520fad100693c4e298e30e7c916d1bb
src/pages/production/twist/receive/plate/index.vue
@@ -8,7 +8,7 @@
      @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>
@@ -17,21 +17,33 @@
              <wd-icon name="a-rootlist" color="#0D867F"></wd-icon>
              <text class="text-[#252525] ml-2 font-medium">{{ item.diskMaterial }}</text>
            </view>
            <view class="text-[#A8A8A8]" @click="toEdit">编辑</view>
            <view class="text-[#A8A8A8]" @click="toEdit(item.id)">编辑</view>
          </view>
        </template>
        <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>
      <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>
  <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 ref="plateFormRef" @refresh="reloadList" />
  </wd-popup>
  <wd-toast />
</template>
<script setup lang="ts">
@@ -39,16 +51,22 @@
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[]>([]);
@@ -66,7 +84,6 @@
    label: "数量",
    prop: "amount",
  },
  {},
  {
    label: "厂家",
    prop: "supplier",
@@ -74,24 +91,50 @@
  },
]);
const toEdit = () => {
  uni.navigateTo({
    url: "/pages/production/twist/receive/plate/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 = 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 = () => {