From 0121f5e1e9c1b0ea6ffc0101fa4836098e99af53 Mon Sep 17 00:00:00 2001
From: yuyongdong <yuyongdong@kingsome.cn>
Date: Tue, 25 Jun 2024 13:47:32 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=B4=AD=E4=B9=B0=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dialogs/sellDialog.vue | 58 ++++++++++++++++++++++++---
 src/components/assets/card.vue        | 22 ++++++++--
 src/components/cart/index.vue         |  4 +-
 src/utils/marketplace.js              | 12 ++++--
 4 files changed, 82 insertions(+), 14 deletions(-)

diff --git a/src/components/Dialogs/sellDialog.vue b/src/components/Dialogs/sellDialog.vue
index 3ec9c5c..23ab45a 100644
--- a/src/components/Dialogs/sellDialog.vue
+++ b/src/components/Dialogs/sellDialog.vue
@@ -27,8 +27,8 @@
             </div>
             <div class="shelves-price">
               <div class="price-top">
-                <div>
-                  <a-input :value="priceValue" @pressEnter="overviewData" placeholder="Basic usage">
+                <div class="price-top-input">
+                  <a-input v-model:value="priceValue" placeholder="Enter Listing Price">
                     <template #prefix>
                       <search-outlined style="color: #9588ac;" />
                     </template>
@@ -40,7 +40,7 @@
                 </div>
               </div>
               <div class="price-btm">
-                <span>The floor Price:  {{ 0.18 }}</span>
+                <span>The floor Price:  None</span>
                 <img src="@/assets/img/marketplace/ETHicon.png" alt="">
               </div>
             </div>
@@ -48,7 +48,7 @@
             <div class="expected">Expected profits</div>
             <div class="profits">
               <!-- <div>{{ priceCalculated(sellDataArr[0].event.data.buy[0].amount) }}</div> -->
-              <div class="price-img"><span>{{ 0.08 }}</span><img src="@/assets/img/marketplace/ETHicon.png" alt=""></div>
+              <div class="price-img"><span>{{ Number(priceValue) - Number(priceValue)*0.02 }}</span><img src="@/assets/img/marketplace/ETHicon.png" alt=""></div>
             </div>
           </li>
         </div>
@@ -60,7 +60,7 @@
   </div>
 </template>
 <script setup>
-import { ref, toRaw, defineEmits } from "vue";
+import { ref, toRaw, defineEmits, onMounted } from "vue";
 import {priceCalculated} from "@/configs/priceCalculate.js"
 import {PassportWallet} from "@/wallet/passPort.js"
 // const passProd = ref(new PassportWallet())
@@ -76,12 +76,18 @@ const props = defineProps({
 });
 
 const emit = defineEmits(['handleClose'])
-const priceValue = ref(0.02)
+const priceValue = ref()
 
 const handleOk = (e) => {
   emit('handleClose')
 };
 
+const overviewData = (e) => {
+  // marketplaceList.overview = e.target.value
+  // emit('clickOverviewChild',e.target.value)
+  console.log(e)
+}
+
 
 const currency = import.meta.env.VUE_APP_MARKET_CURRENCY
 const sellConfirm = async () => {
@@ -109,6 +115,12 @@ const sellConfirm = async () => {
 const handleCancel = (e) => {
   emit('handleClose')
 }
+
+
+onMounted(() => {
+
+})
+
 </script>
 
 <style lang="scss" scoped>
@@ -213,10 +225,44 @@ const handleCancel = (e) => {
                 .price-top {
                   display: flex;
                   justify-content: space-around;
+                  align-items: center;
                   width: 100%;
                   height: 54px;
                   background: #2d2738;
                   border-radius: 20px;
+                  .price-top-input {
+                    width: 120px;
+                    height: 40px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    background: #2d2738;
+                    span {
+                      padding: 0;
+                      background: #2d2738;
+                      border: 0px;
+                    }
+                    .ant-input {
+                      background: #2d2738;
+                      color: #fff;
+                      border: 0px;
+                    }
+                    .ant-input::input-placeholder {
+                      color: #fff;
+                    }
+                    .ant-input::-webkit-input-placeholder {	//兼容WebKit browsers（Chrome的内核）
+                      color: #fff;
+                    }
+                    .ant-input::-moz-placeholder {			//Mozilla Firefox 4 to 18
+                      color: #fff;
+                    }
+                    .ant-input::-moz-placeholder {			//Mozilla Firefox 19+
+                      color: #fff;
+                    }
+                    .ant-input::-ms-input-placeholder {		//Internet Explorer 10+
+                      color: #fff;
+                    }
+                  }
                   div {
                     display: flex;
                     align-items: center;
diff --git a/src/components/assets/card.vue b/src/components/assets/card.vue
index b1ed917..df53db6 100644
--- a/src/components/assets/card.vue
+++ b/src/components/assets/card.vue
@@ -34,6 +34,8 @@ import { ref, toRaw, onMounted, getCurrentInstance } from "vue"
 import SellDialog from "@/components/Dialogs/sellDialog.vue"
 import {PassportWallet} from "@/wallet/passPort.js"
 import { useDetailStore } from "@/store/detail"
+import { apiGetPrice } from "@/utils/marketplace"
+
 import {
   apiAddCartList
 } from "@/utils/marketplace"
@@ -48,14 +50,28 @@ const props = defineProps({
   },
 });
 
+// 获取地板价
+const getPrice = async () => {
+  const data = {
+    net_id: props.nftData.net_id,
+    contract_address: props.nftData.contract_address,
+    item_id: props.nftData.item_id,
+    quality: props.nftData.detail.quality,
+  }
+  console.log(data)
+  let res = await apiGetPrice()
+  console.log(res)
+}
+
 const sellDialogVisible = ref(false)
 const sellDataArr = ref([])
 const currency = import.meta.env.VUE_APP_MARKET_CURRENCY
 // 出售NFT
 const sellNft = async (val) => {
-  console.log(toRaw(val).token_id,toRaw(val).contract_address)
-  sellDialogVisible.value = true
-  sellDataArr.value = val
+  getPrice()
+  console.log(toRaw(val))
+  // sellDialogVisible.value = true
+  // sellDataArr.value = val
   return
   const data = {
     // import.meta.env.VUE_APP_PASSPORT_MARKET_ADDRESS
diff --git a/src/components/cart/index.vue b/src/components/cart/index.vue
index 992e4cb..b44c958 100644
--- a/src/components/cart/index.vue
+++ b/src/components/cart/index.vue
@@ -76,8 +76,8 @@ const getCartList = async () => {
   // let token = localStorage.getItem('assessToken')
   // if(token) {
     try {
-      // let res = await useMarketplaceStore().cartList
-      let res = '-------------------------'
+      let res = await useMarketplaceStore().cartList
+      // let res = '-------------------------'
       // cartList.value = res
       console.log(res)
     } catch (e) {
diff --git a/src/utils/marketplace.js b/src/utils/marketplace.js
index f3d7b26..624814d 100644
--- a/src/utils/marketplace.js
+++ b/src/utils/marketplace.js
@@ -42,15 +42,21 @@ export const apiMarketplaceState = async (data) => {
   return httpPost(url, data)
 }
 
+// 获取nft地板价
+export const apiGetPrice = async (data) => {
+  const url = `${API_BASE}/api/market/product/query_price`
+  return httpGet(url, data)
+}
+
 // 获取我拥有得资产
 export const apiAssetsState = async (account_address, data) => {
-  const url = `/api/asset/${net_id}/${account_address}`
+  const url = `${API_BASE}/api/asset/${net_id}/${account_address}`
   return httpGet(url, data)
 }
 
 // 获取上架出售得NFTS
 export const apiHangingState = async (account_address, data) => {
-  const url = `/api/asset/${net_id}/${account_address}`
+  const url = `${API_BASE}/api/asset/${net_id}/${account_address}`
   return httpGet(url, data)
 }
 
@@ -68,7 +74,7 @@ export const apiDetail = async (account_address) => {
 
 // 获取购物车列表
 export const apiGetCartList = async () => {
-  const url = `/api/shopcart/list`
+  const url = `${API_BASE}/api/shopcart/list`
   return httpGet(url, {})
 }