feat 增加历史价格

src/api/product.js

@@ -9,3 +9,7 @@ export const ListProducts = (query) => {
 export const UpdateProduct=(p)=>{
     return product.post(p)
 }
+
+export const GetProduct = (pid) => {
+    return product.get(`p/${pid}`)
+}

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>