完成移动端基本功能

zhuguifei

2025-05-13 14681dfe7052cb76eefcc0c17d0a0d708e1ac9dd

 eims-ui-mobile/src/pages/spare/index.vue

@@ -3,19 +3,79 @@
  layout: 'tabbar',
  needLogin: true,
  style: {
    navigationBarTitleText: 'spare',
    navigationBarTitleText: '备件',
  },
}
</route>

<template>
  <view class="pt-40 text-xl text-center text-green-500">备件</view>
  <view class="bg-base">
    <view class="flex px-4 py-3 bg-white">
      <div class="box-border h-[150rpx] flex-1 bg-tag rounded-sm mr-2 px-2 py-2">
        <wd-count-to
          :startVal="0"
          :endVal="0"
          :fontSize="24"
          color="text-color-base"
        ></wd-count-to>
        <view class="text-color-gray mt-1">库存不足</view>
      </div>
      <div class="box-border h-[150rpx] flex-1 bg-tag rounded-sm mr-2 px-2 py-2">
        <wd-count-to
          :startVal="0"
          :endVal="0"
          :fontSize="24"
          color="text-color-base"
        ></wd-count-to>
        <view class="text-color-gray mt-1">库存过量</view>
      </div>
    </view>
    <wd-cell-group border>
      <wd-cell
        title="备件列表"
        is-link
        to="/pages/spare/spare-list"
        icon="list"
        custom-icon-class="icon-color-base"
      />
      <wd-cell
        title="添加备件"
        is-link
        icon="add"
        custom-icon-class="icon-color-base"
        @click="handleInfo"
      />
    </wd-cell-group>
    <wd-cell-group border class="mt-2">
      <wd-cell
        title="添加出库"
        is-link
        icon="add-circle"
        custom-icon-class="icon-color-base"
        @click="handleInfo"
      />
      <wd-cell
        title="添加入库"
        is-link
        icon="add-circle"
        custom-icon-class="icon-color-base"
        @click="handleInfo"
      />
    </wd-cell-group>
  </view>
</template>

<script lang="ts" setup>
//
function handleInfo() {
  uni.showToast({
    title: '功能开发中',
    icon: 'none',
  })
}
</script>

<style lang="scss" scoped>
//
.bg-tag {
  background: #f5f8ff;
}
</style>