From 8d449b5aafa4ad7870aba2d831917e84ed904a7c Mon Sep 17 00:00:00 2001
From: yuyongdong <yuyongdong@kingsome.cn>
Date: Wed, 26 Jun 2024 19:04:16 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B4=AD=E4=B9=B0=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/marketplace/Calendar .png | Bin 0 -> 945 bytes
 src/components/Dialogs/sellDialog.vue    |  93 ++++++++++++++++++++++-
 2 files changed, 91 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/img/marketplace/Calendar .png

diff --git a/src/assets/img/marketplace/Calendar .png b/src/assets/img/marketplace/Calendar .png
new file mode 100644
index 0000000000000000000000000000000000000000..4833ea3d59b615423abeffce9484f971ea354a70
GIT binary patch
literal 945
zcmV;i15W&jP)<h;3K|Lk000e1NJLTq001EX001Ef1^@s6SLDKP00001b5ch_0Itp)
z=>Px&Ye_^wR9HvtmrZEgRTRa4=ly5IT5UUOR8T}Hg1B&7SJD#jtBXu4tq6sXMPfHv
zs|!Vn8r--jL4~#%6|@)^(nX6E6pKV$S&FX2mFS{KY=g~blO~=2JNhOGq|+H^gfZRZ
z?q=qmJLlbd-o5vUCRQ16(c|oseF%9{F}&V?if<&j8D{nOZ*6zso-O$vp*Mj=@EfIK
zc6#p#<@I<q3wU&=OIgt;Bz4;{VjrJ$cHq@7G}8`=kIUY&=zK)VcA5zI^NkDHz`n0E
z-H^oSb{EFG2)_Ui0~5dDct52O;~7bhm~?oZ&abLByO-J01WLY*tcEXP#@I}je<{K?
z5SB-;qCLefrV~D4yT*w-zEf3|vbW-V2k5q1P!XgsLEx;b`B5o6W?U7F*kMQ^e>C}e
z>3EGS3xr8${NU)r*iS<8^+}u!LcR@YGc~+tP&TScxq1@R4TP227%o~qs7OE3)4&zO
zv1tDoq<4hxNJneLKqBRB-0~~3_5#l&5;Dgfd<N?<aA&H|GP!S6Dd(4gTj~N{Q1k#H
zJa7CIW&trA<+H&Y0o~q07Z(-0-!VJ~-VNk}Ph;@ciW~za5-T>BNF<@%S{HPT=zc<Y
z5qKQDD5%8X?-g|fxa;3Y*!)>2cpz3opM!grQ~w!o3N#Gdy$V08;hua-VpBZ{EA|G5
zXCw3q<|N+E?cc*vkku!-o{za8xi6w81pAjWF+}t^2Yr+@xdO78ZcIW<g%}P3zef25
z+kX`u-pvbfw<Cudl&_x1jLd6f;T(<!Y!+M%?^BH3GJ~r#-<-r!$e(P#hdoyN6v9J-
zmw^Y`=@Y=uRu~GgdOn79CBs&^hJSE1zDA<blg}bH)(1`^H>AcgXCtYmn|kfE;xm=-
z>E44AcBu_q!-C66n3pgctlE`XQ~RehLd@&Ka{f{d8<rHj#wJ1r^GY)!-bA>$u=bg_
zQbl2rsNr4ti0n-kRT0*#BqpYLT(C5qG%-gi$Bnaj4VUv7{dd)OjIyC=$L!djv<lR!
zS+&A<<o9(Ftp`{~65U>q^>VD2<GM-SbhBztQyuYI7v?p>td#S#g4J)^9Z7YYL29GC
z(YvEfd`H}76N&RuxX-=;+noZD{11JwD<8D!14`*_m{#on+tPbAJt8od44?cBPVUMP
TYJIw200000NkvXXu0mjfJnXui

literal 0
HcmV?d00001

diff --git a/src/components/Dialogs/sellDialog.vue b/src/components/Dialogs/sellDialog.vue
index 7e2ce16..78b2eab 100644
--- a/src/components/Dialogs/sellDialog.vue
+++ b/src/components/Dialogs/sellDialog.vue
@@ -37,6 +37,29 @@
                   </div>
                 </li>
               </div>
+              <div class="content-nfts-top-right-title">Period</div>
+              <div class="content-nfts-top-right-period">
+                <div class="option-day">
+                  <a-space>
+                    <a-select ref="select" v-model:value="optionDayValue" :options="optionsDay" @focus="focus" @change="handleChange">
+                    </a-select>
+                  </a-space>
+                </div>
+                <div class="calendar">
+                  <img src="@/assets/img/marketplace/Calendar .png" alt="">
+                  <span>{{ formatDateGMT() }} PM</span>
+                </div>
+              </div>
+              <div class="content-nfts-top-right-total">
+                <div class="left">
+                  <div>Total price</div>
+                  <div><down-outlined /> <up-outlined /></div>
+                </div>
+                <div class="right">
+                  <span>0.018</span>
+                  <img src="@/assets/img/marketplace/ETHicon.png" alt="">
+                </div>
+              </div>
             </div>
           </div>
           <div class="content-nfts-btm">
@@ -84,7 +107,8 @@
 </template>
 <script setup>
 import { ref, toRaw, defineEmits, onMounted } from "vue";
-import {priceCalculated} from "@/configs/priceCalculate.js"
+import { DownOutlined, UpOutlined } from "@ant-design/icons-vue"
+import { priceCalculated, timeFormat } from "@/configs/priceCalculate.js"
 import {PassportWallet} from "@/wallet/passPort.js"
 // const passProd = ref(new PassportWallet())
 const props = defineProps({
@@ -103,6 +127,25 @@ const props = defineProps({
 });
 
 const emit = defineEmits(['handleClose'])
+const optionsDay = ref([
+  {
+    value: "86400000",
+    label: "1 day",
+  },
+  {
+    value: "604800000",
+    label: "7 day",
+  },
+  {
+    value: "2592000000",
+    label: "30 day",
+  },
+  {
+    value: "15552000000",
+    label: "180 day",
+  }
+])
+const optionDayValue = ref('1day')
 const priceValue = ref()
 
 const handleOk = (e) => {
@@ -115,17 +158,24 @@ const overviewData = (e) => {
   console.log(e)
 }
 
+const handleChange = (value) => {
+  console.log(value)
+  // marketplaceList.sort = value
+};
 
 const currency = import.meta.env.VUE_APP_MARKET_CURRENCY
 const sellConfirm = async () => {
   if(priceValue.value) {
+    let curDate = new Date()
+    let orderData = new Date(curDate.getTime() + 24*60*60*1000)
     const pass = new PassportWallet()
     const data = {
       // import.meta.env.VUE_APP_PASSPORT_MARKET_ADDRESS
       contractAddress: props.sellDataArr.contract_address,
       tokenId: props.sellDataArr.token_id,
       currencyAddress: currency,
-      currencyAmount: '1000000000000000000'
+      currencyAmount: '1000000000000000000',
+      orderExpiry: orderData,
     }
     // sellDataArr.value.push(val)
     // buyDialogVisible.value = true
@@ -143,6 +193,13 @@ const handleCancel = (e) => {
   emit('handleClose')
 }
 
+// 获取当前时间
+const formatDateGMT = () => {
+      // let date = new Date().toGMTString();
+      let date = timeFormat(new Date());
+      return date;
+    }
+
 
 onMounted(() => {
 })
@@ -293,6 +350,38 @@ onMounted(() => {
                     }
                   }
                 }
+                .content-nfts-top-right-period {
+                  display: flex;
+                  justify-content: space-between;
+                  .option-day {
+                    width: 205px;
+                    height: 54px;
+                    margin-top: 8px;
+                    background: pink;
+                  }
+                  .calendar {
+                    display: flex;
+                    align-items: center;
+                    width: 413.5px;
+                    height: 54px;
+                    margin-top: 8px;
+                    background: rgba(179,181,218,0);
+                    border-radius: 27px;
+                    border: 2px solid rgba(74,75,110,0.7);
+                    img {
+                      width: 33px;
+                      height: 33px;
+                      margin-left: 29px;
+                      margin-right: 17px;
+                    }
+                    span {
+                      font-family: 'Poppins';
+                      font-weight: 500;
+                      font-size: 24px;
+                      color: #FFFFFF;
+                    }
+                  }
+                }
               }
             }
             .content-nfts-btm {