index.vue 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <template>
  2. <flow-form>
  3. <card>
  4. <template #default>
  5. <div v-for="(item, index) in list" :key="index">
  6. <van-swipe-cell :disabled="formRead">
  7. <card-cell>
  8. <van-cell title="资产名称:" :value="item.assetName" />
  9. <van-cell title="保管人:" :value="item.custodianName" />
  10. <van-cell title="资产编号:" :value="item.assetNo" />
  11. <van-cell title="资产金额:" :value="item.amount" />
  12. <van-cell title="资产类型:" :value="item.assetType" />
  13. <van-cell title="采购时间:" :value="item.procureTime" />
  14. </card-cell>
  15. </van-swipe-cell>
  16. </div>
  17. <div v-if="list.length == 0">
  18. <p style="text-align: center; color: #a58a8a">暂无固定资产</p>
  19. </div>
  20. </template>
  21. </card>
  22. </flow-form>
  23. </template>
  24. <script setup lang="ts">
  25. import reqest from "@/utils/request";
  26. import Card from "@/components/card.vue";
  27. import CardCell from "@/components/cardCell.vue";
  28. const list = ref([]); // 列表的数
  29. /** 初始化表单数据 */
  30. const initFormData = async () => {
  31. const result = await reqest.get("/business/purchase/list");
  32. list.value = result["data"];
  33. };
  34. /** 初始化 */
  35. onMounted(() => {
  36. initFormData();
  37. });
  38. </script>
  39. <style lang="scss" scoped>
  40. @import "./index.scss";
  41. </style>