From 8a48f202f20fe270e590bb10e3fb839111399814 Mon Sep 17 00:00:00 2001
From: Rogee <rogeecn@qq.com>
Date: Fri, 13 Dec 2024 18:09:10 +0800
Subject: [PATCH] feat: complete buy and sell function

---
 ...ug_bin1230854055 => __debug_bin2218940084} | Bin 37846581 -> 37846581 bytes
 backend/modules/medias/router.go              |   2 +-
 frontend/src/views/PlayView.vue               |  73 +++++++++++++++---
 3 files changed, 62 insertions(+), 13 deletions(-)
 rename backend/{__debug_bin1230854055 => __debug_bin2218940084} (99%)

diff --git a/backend/__debug_bin1230854055 b/backend/__debug_bin2218940084
similarity index 99%
rename from backend/__debug_bin1230854055
rename to backend/__debug_bin2218940084
index 6603d7e240abeaf4bc1fbee7bb69c9df3070370f..f0dad9d757aa196667042fe9c7905f9bebe1be31 100755
GIT binary patch
delta 2846
zcmb8t<$Dzb7>4odjLy;B4P$wBwsYu7Z-^k^M1{c|qmhsiD#DOfhhTt(gpCR+Lq(Z_
z*g=i3VK%LVf#`kz34XYL*ZbxD_H4VnsKz$hvNC$ekU?pEV~1yj=FAu$nKd~SJ7C;^
zVEp7@R!UaFpv=MHNn<0SemPTeGt%QDDe2RLbMhu+#ZKwhKRstyWMEcad|scF>ElD`
zb2F0q<fhH;nLIaRXwQWu(Mw9A0~AH2s5F(KvQ&=BQw6F>m8ddRp{nF>HL6ZEs3z5-
z+Ej<?Qa!3q4X7bCqQ=yOno=`rPA#Y<wW8M4hT2j)YEK;~hB{I##Zf#ZP$DH!kdi4x
zDU?cKiclx&OkJoeb))XogVN|K>Pfw*H}#>u)Q|d8I%UuRx|#;kH8h9@)3r2&hSD&)
zjxy<b8csLRjdT-@ppleCqi8f`)6JAaV<?x#(l{DV6KEn$qRBLcZlS3(ji%EKx|L>9
z9?hcJG>7KWZFD=`LG$QNnokQTpBB<xw1^hd5?V^jXgRH*yXhXfmkMYl-AAivHQi4S
z(1Y|4t)aE_Fg-$#(qr^Et)nMsJ#C<kw27Xir|4;VhMuM8=y}>qFVKth5^dRD61{c*
zp1`Ojg~eOxWqO5PrEOG5+vzoWo!+1w^d`MUJE@4?rgvx;?WT8W54}h4(+Bh+eMBGA
zC-f<OMxWDO+DH5803D=aIz)%*2py#_=u7&FzNT;JTl$WU(QzuF@978nk$$3|=@<Hy
zPS8m@MW^Wuouza18~sk_=>lD(OY{f*Nq^DbbeaC4EA;P*!s0*yNtBe5(o#msN;xSn
z6{Mn6lFCv=s!Fs}lj>4KYDz7sEp?=>)RX$sKpILTX)H~osWg-3(n4BFD`_olq^-1*
z_R>LOq@%=2oWx6lBubJ5C0Rm}BB>IVh;)+9(nY#TH|Z`tBu%c8p3+NtOCRYg{iMI7
zONI;x6crX<9Z1;RE<2Kwn;J}vBxZ+0DY=Pb5+b>&k)+h@oN#g|DKa`34vxvm4u>P_
zs^$+2G>Hl&7Q}JDH8MyB%e68@hRQIxPBP_s87?=-jdGKWkdcxlqhz#X%gvG_V<cC`
z$~YM>6J(-HlF2efZjq@nO{U8Xxm9LLp3IWjGDqghZF0NZA@k%;nJ)_@Ulz(;vPc%o
z5?LzCWVx)6yX79aR|;gM+$XDKwcIZc$b<5btdX_yuskA<%471ltdl2Xy=;(;vPqtl
zr{rmQMxK@D<ayaFFUX7Xl5CN!fugwlmjeqA{{OM8b1X>(F`2If;8ocsg|b~<lh@@9
z*&%PrTe4G%<ZXFJcFAseSN6zz^1gf^AIeAav3w$*%4hPq?3I18Uk=DYDV9TWSdPe1
z`9i*wujFg_M!uEr<d__n68T<!kRRnI`B{FEU*&|Hlv8qA&d6CgC%?(>a$YXTMY$w@
z$e;3;{4JN|AGsp`23EvmMsWlrN=iv-DI;a2oRpUeQc)^NWvL=nC0eRUb*UjWrIyr|
zI#O5aNquP`4W*GZmL}3vnn`nMAuXkqw3ar~R@zB>=^!!EQDP-d;w3>6B}sykEFnpe
cR0&H&I!R~gB3-4MbeA4cMKPIaQ5D<%2lNcC;s5{u

delta 2849
zcmb8t`F{@t9LMp;ckXlU`##6m^)=hvN5;kwV<^_<>+2X(XgN|MS7^E%9gglpg^~)J
z4&78T<>*{@A<9uvy<UGpKfIog&o7_f-n%X@t+k7`uZ<kpKP`V=Ue?IT8N)KNgER9-
z<fVou#)c9y2Zr*-jUJm5pIMMOH#j?KcK_IvuIaOa^9rVAcg`P_mL3|FGBmp&Hk2`H
zN>*xk@}#unIWq<fnUS77Cv{0_<nq$U07Xz4Dof?4JXN5IREa866{<?rs5<#ugKAPO
zs!esMF4d#@)PNdNBWg@ds3|q0=G1~(QY&grZKy4^qxKX<9jGHkQzz<7F%(O26i*2h
zq%M?5T`7r@DTTUGcj`essTcL8KGc``QGdFM22d&uq(PKM=`@&zPzDX9VKkhsrV%uf
zGHDczrYssmV`&^+L)X%Hnn2lf9pz9iO{5S_qA*RSDKwR)Q65dF8I(^m>3X_>X3=b#
zLpM?Z-9&R~9?ho(bTciaTj*9=M7PmmT0*zeQd&mKX$7sMJ7^WHrZsdY71CO|i|(d-
z=w7;y*3o*}KpW|PdVn6JhiDURrY*FU9;Qd=QF@FXrzhx1dWxQ=XJ{KeOV82sw0(DJ
z<c`A!)}Nems?zeJk{z^@UZ59g7rjKg>1BF_UZp*>m-bN+71Mrtjb5iW=uJ96Z_(TI
z4!uk7(fjlP9i&6_A$>$2(_#9Aj!+35rBCTII!4Fo1f8VM=?nUjzM`+`8!Dx5={x$K
zexM)eC;FLwp<n3~ou)JN8=a+d^gI1Q=jj4nq)YTC{Y8J%Wx7KD(7&sSN&<x>5mH9V
zN;xSn6{Mn6lFCv=s!BDfE|F40YDz7sEp?=>)RX$sKpILTX)H~osWg-3(n4BFD`_ol
zq^-1*_7Wu>q@zSjC+RFP5-V{MF9{NqE|Mr+B}tMcMY>6M=^;I(m-LoC(pUOPf4NEq
zNU98!L6RovGFXNLii=7z0#Vzd;={Q)@wxG#Nx8W>$%)}`Fex{jo179(o|qU+4Cch;
z<b)DJ!BCgY)fW#9G>eE!ER5lRVKQ8<mJu>iGG&yEmMj?~V`ZFNBiG7!nIPG6o#aTa
zOq7sJlCVscDKb^2NuErX8ImtE<$Ae6X31=sBR5Kc+$3{lp3Ij8a<eRyTjW+*B)7?8
zSt7T~QduU;WreJiJ7krtmNjyx6v|q;OYW9?<X*W?*2#L=ARFa=c|abNhh&p%mMyYX
z9+pSsQF%-rmnY;&c}kv^XJnf^E6>UEvR!rrienb<3@kbF|Hrb~u_P2mXT1=B7iE{c
zB)jEhc|~58J+fE!Ns$!GetAt^mp9~1IUsMz+wzXQEAPqs@_`(bL-L_~Bp=IR`9zLL
zi5!(r<uf@Z$K`~al+Wc0`BJ`;ujLylm2c%c`CfjIALS?cS$>gU<&>P3GxD39m2>jD
z{2}M%f?SkK@~8YIf6HaLBLB$0fmP925gY-DkTOzM%1L>tAQh#ORF*1IRjNsKiIf^r
zQ))?VsUvlzp468H(oh;nV`(ByrI|FB7Sd8$No#2%ZKa*Gmni8V9VJ>iNoR?XSc#K(
kNsyp)kwob#Ns=rn(oMQc59ukrq_^~mD2~qR8&SFae{E8_>;M1&

diff --git a/backend/modules/medias/router.go b/backend/modules/medias/router.go
index 30d22fa..4fb82b5 100755
--- a/backend/modules/medias/router.go
+++ b/backend/modules/medias/router.go
@@ -29,5 +29,5 @@ func (r *Router) Register(router fiber.Router) {
 	group.Get(":hash", r.controller.Show)
 	group.Get(":hash/:type<regex([video|audio])>", r.controller.MediaIndex)
 	group.Get(":hash/:type<regex([video|audio])>/:segment.ts", r.controller.MediaSegment)
-	group.Get(":hash/checkout", r.controller.Checkout)
+	group.Patch(":hash/checkout", r.controller.Checkout)
 }
diff --git a/frontend/src/views/PlayView.vue b/frontend/src/views/PlayView.vue
index 8906eae..bec178e 100644
--- a/frontend/src/views/PlayView.vue
+++ b/frontend/src/views/PlayView.vue
@@ -22,7 +22,7 @@
       </template>
 
       <template v-else>
-        <van-row gutter="20">
+        <van-row gutter="20" v-if="!pageLoading">
           <van-col span="12">
             <van-button type="primary" plain round @click="play(item.hash, 'video')" size="large" block>看视频</van-button>
           </van-col>
@@ -43,6 +43,7 @@ import { onBeforeUnmount, onMounted } from "vue";
 
 const router = useRouter();
 const route = useRoute();
+const pageLoading = ref(true)
 
 const item = ref({
   title: "加载中...",
@@ -77,6 +78,53 @@ onMounted(() => {
   });
 });
 
+const buy = () => {
+  // get use balance
+  request
+    .get("/users/info")
+    .then((res) => {
+      if (res.data.balance < item.value.price) {
+        showConfirmDialog({
+          title: '余额不足',
+          message: `您的账户余额为 ${res.data.balance} 点，不足以购买此视频。是否前往充值？`,
+        })
+          .then(() => {
+            router.replace({
+              name: "tab.user",
+              params: {
+                tenant: route.params.tenant,
+              },
+            });
+          })
+          .catch(() => {
+            return;
+          });
+
+        return;
+      }
+
+      showConfirmDialog({
+        title: '购买确认',
+        message: `您的账户余额为 ${res.data.balance} 点，购买此视频将花费 ${item.value.price} 点。是否确认购买？`,
+      })
+        .then(() => {
+          request
+            .patch(`/medias/${route.params.hash}/checkout`)
+            .then((res) => {
+              showSuccessToast('购买成功');
+              loadMedia(route.params.hash);
+            })
+            .catch((err) => {
+              showFailToast('购买失败: ' + err.response.data.message);
+            });
+        })
+        .catch(() => {
+          return;
+        });
+    });
+
+};
+
 const onClickLeft = () => {
   if (route.meta.from?.name) {
     router.back();
@@ -91,17 +139,18 @@ const onClickLeft = () => {
 };
 
 const loadMedia = (hash) => {
-  setTimeout(() => {
-    request
-      .get(`/medias/${hash}`)
-      .then((res) => {
-        console.log(res);
-        item.value = res.data;
-      })
-      .catch((err) => {
-        console.error("ERROR", err);
-      });
-  }, 1000);
+  request
+    .get(`/medias/${hash}`)
+    .then((res) => {
+      console.log(res);
+      item.value = res.data;
+    })
+    .catch((err) => {
+      console.error("ERROR", err);
+    })
+    .finally(() => {
+      pageLoading.value = false
+    });
 };
 
 const play = (hash, type) => {