feat:增加物品过期时间显示

src/components/Ledger/LedgerQuery.vue

@@ -27,10 +27,6 @@ onMounted(async () => {
 const initCategoryList = () => {
   queryCategoryList.value = []
 
-  if (ledgerStore.ledgerBookList.length > 0) {
-    ledgerStore.queryInfo.book = ledgerStore.ledgerBookList[0]
-  }
-
   ledgerStore.ledgerBookList.forEach((item) => {
     queryCategoryList.value.push({
       label: item,

src/components/Product/ProductCard.vue

@@ -22,18 +22,22 @@
               {{ props.productItem.price }}
             </div>
           </div>
+
+          <el-tag v-if="props.productItem.expiryDate" type="danger" effect="dark">
+            {{ props.productItem.expiryDate }}
+          </el-tag>
         </div>
 
         <div class="bottom-container">
           <div class="info-list">
             <div class="info-item">
               <i class="fa-solid fa-clock" style="color: #6A5ACD"></i>
-              {{ props.productItem.totalDay }}天
+              {{ getTotalDay(props.productItem) }}天
             </div>
 
             <div class="info-item">
               <i class="fa-solid fa-chart-line" style="color: #FFA500"></i>
-              {{ props.productItem.averagePrice }}元/天
+              {{ (props.productItem.price / getTotalDay(props.productItem)).toFixed(2) }}元/天
             </div>
           </div>
           <div class="info-list">
@@ -67,6 +71,7 @@ import { IProduct } from '@/types/product.ts'
 import { useRouter } from 'vue-router'
 import { ThumbImageQuery } from '@/utils'
 import { showImagePreview } from 'vant'
+import { formatDate, getDateDifference } from 'vue3-common/utils/dateUtil'
 
 const productStore = useProductStore()
 const router = useRouter()
@@ -96,6 +101,14 @@ const deleteClick = () => {
     productStore.handleProductApi(props.productItem as IProduct)
   })
 }
+
+const getTotalDay = (product: IProduct) => {
+  if (product.expiryDate) {
+    return getDateDifference(product.purchaseDate, product.expiryDate, 'days')
+  } else {
+    return getDateDifference(product.purchaseDate, formatDate(new Date()), 'days')
+  }
+}
 </script>
 
 <style lang="scss">

src/components/Product/ProductQuery.vue

@@ -35,7 +35,7 @@ const queryOrderList = [
     label: '购买日期',
     value: 'date'
   }, {
-    label: '日均价格',
+    label: '总价格',
     value: 'price'
   }
 ]

src/types/product.ts

@@ -15,18 +15,10 @@ export interface IProduct {
    * 到期日期
    */
   expiryDate: string;
-  /**
-   * 总天数
-   */
-  totalDay?: number;
   /**
    * 金额
    */
   price: number;
-  /**
-   * 日平均价格
-   */
-  averagePrice?: number;
   /**
    * 分类
    */