From 4d9450a335cfc9e9712d30b6e9ad740920f01c6c Mon Sep 17 00:00:00 2001
From: timerzz <zhhgzhhgzhhg@163.com>
Date: Wed, 15 May 2024 21:10:36 +0800
Subject: [PATCH] =?UTF-8?q?feat=20=E5=A2=9E=E5=8A=A0=E5=8E=86=E5=8F=B2?=
 =?UTF-8?q?=E4=BB=B7=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/product.js          |  4 ++++
 src/views/Product/index.vue | 27 +++++++++++++++++++++++++--
 2 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/src/api/product.js b/src/api/product.js
index a24dd5c..3948034 100644
--- a/src/api/product.js
+++ b/src/api/product.js
@@ -8,4 +8,8 @@ export const ListProducts = (query) => {
 
 export const UpdateProduct=(p)=>{
     return product.post(p)
+}
+
+export const GetProduct = (pid) => {
+    return product.get(`p/${pid}`)
 }
\ No newline at end of file
diff --git a/src/views/Product/index.vue b/src/views/Product/index.vue
index d86332c..ca47d48 100644
--- a/src/views/Product/index.vue
+++ b/src/views/Product/index.vue
@@ -12,7 +12,7 @@
     </div>
     <div class="h-full border-0 border-t-1 border-solid border-gray-300 pt-4">
       <a-spin :spinning="loading" :indicator="indicator">
-        <a-table :dataSource="data.list" :columns="columns" :custom-row="customRow" :pagination="false" @change="tableChange">
+        <a-table :dataSource="data.list" :columns="columns" :custom-row="customRow" :pagination="false" @change="tableChange" rowKey="pid" @expand="expand">
           <template #bodyCell="{ column, record }">
             <template v-if="column.key === 'name'">
               <a v-if="record.name !== '' " :href="record.link" target="_blank">{{record.name}}</a>
@@ -71,6 +71,18 @@
               </a-popover>
             </template>
           </template>
+
+          <template #expandedRowRender="{ record }">
+            <a-spin :spinning="!record.historyPrices">
+              <div class="px-4">
+                <div class="text-xl">历史价格</div>
+                <div class="flex space-x-16 my-2 text-lg" v-for="h in record.historyPrices">
+                  <div>{{moment(h.createdAt).format('YYYY-MM-DD HH:mm:ss')}}</div>
+                  <div>${{h.usPrice}}</div>
+                </div>
+              </div>
+            </a-spin>
+          </template>
         </a-table>
       </a-spin>
     </div>
@@ -102,7 +114,7 @@
 <script setup>
 
 import {computed, h, onMounted, reactive, ref} from "vue";
-import {ListProducts, UpdateProduct} from "@/api/product.js";
+import {GetProduct, ListProducts, UpdateProduct} from "@/api/product.js";
 import moment from "moment/moment.js";
 import { clone } from 'radash'
 import {LoadingOutlined, SaveOutlined,SettingOutlined,CaretUpOutlined,CaretDownOutlined} from "@ant-design/icons-vue";
@@ -312,6 +324,17 @@ const customRow=(record, index)=>{
     },       // 点击行
   }
 }
+
+const expand = (expanded, record)=>{
+  if(expanded && !record.historyPrices){
+    GetProduct(record.pid).then(res=>{
+      record.historyPrices = res.historyPrices
+    }).catch(err=>{
+      message.error("获取历史价格失败")
+      console.log(err)
+    })
+  }
+}
 </script>