From 55256b38ac3fbb5bb049fe780a888e663e973be9 Mon Sep 17 00:00:00 2001
From: Fox-33 <1466778434@qq.com>
Date: Tue, 18 Mar 2025 13:56:17 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=87=E7=AB=A0=E5=88=86=E4=BA=AB;?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages_order/record/articleSharing.vue  |  96 +++++++++++++++++++++++++--------
 pages_order/static/record/icon-add.png | Bin 0 -> 1537 bytes
 2 files changed, 75 insertions(+), 21 deletions(-)
 create mode 100644 pages_order/static/record/icon-add.png

diff --git a/pages_order/record/articleSharing.vue b/pages_order/record/articleSharing.vue
index 5d18aba..070e5f8 100644
--- a/pages_order/record/articleSharing.vue
+++ b/pages_order/record/articleSharing.vue
@@ -83,13 +83,22 @@
         </view>
         <view class="form-item">
           <uv-form-item label="文章内容" prop="description" labelPosition="top">
-            <view style="margin-top: 32rpx;">
+            <view class="editor__view" style="margin-top: 32rpx;">
               <editor id="editor" class="editor"
+                placeholder="请输入你的文章内容"
                 @ready="onEditorReady"
+                @input="onEditroInput"
               ></editor>
-              <button @click="insertImage" class="btn-insert-image">
-                <uv-icon name="plus" color="#707070" size="48rpx"></uv-icon>
-              </button>
+              <view class="flex editor-tools">
+                <view style="flex: 1;">
+                  <button @click="insertImage" plain class="btn-simple" style="float: left; font-size: 0;">
+                    <image src="../static/record/icon-add.png" style="width: 126rpx; height: 126rpx;" ></image>
+                  </button>
+                </view>
+                <view style="flex: 1; text-align: right;">
+                  <text class="editor-count">{{ `${descLen}/${descLengthLimit}` }}</text>
+                </view>
+              </view>
             </view>
           </uv-form-item>
         </view>
@@ -129,6 +138,8 @@
           // todo
         },
         editorCtx: null,
+        descLen: 0,
+        descLengthLimit: 1000,
       }
     },
     methods: {
@@ -137,23 +148,57 @@
 					this.editorCtx = res.context
 				}).exec()
 			},
+      onEditroInput(e) {
+        const { text } = e.detail
+
+        this.descLen = text?.length || 0
+      },
 			insertImage() {
 				uni.chooseImage({
 					count: 1,
 					success: (res) => {
-						this.editorCtx.insertImage({
-							src: res.tempFilePaths[0],
-							alt: '图像',
-						})
+						// this.editorCtx.insertImage({
+						// 	src: res.tempFilePaths[0],
+						// 	alt: '图像',
+						// })
+
+            // todo: check
+            this.$Oss.ossUpload(res.tempFilePaths[0]).then(url => {
+              this.editorCtx.insertImage({
+                src: url,
+                alt: '图像',
+              })
+            })
 					}
 				})
 			},
-      onSubmit() {
-        // todo
+      getEditroContents() {
+        return new Promise((resolve, reject) => {
+          this.editorCtx.getContents({
+            success: (e) => {
+              const { html, text } = e
+              resolve({ html, text })
+            },
+            fail: () => {
+              reject()
+            }
+          })
+        })
+      },
+      async onSubmit() {
+        try {
+
+          const description = (await this.getEditroContents())?.html
+          // todo: decode?
 
-        const params = { ...this.form }
+          const params = { ...this.form, description }
         
-				this.$api('submitPersonalSharing', params)
+          // todo
+          
+          this.$api('submitPersonalSharing', params)
+        } catch (err) {
+
+        }
       },
     }
   }
@@ -163,8 +208,24 @@
 <style scoped lang="scss">
 @import '../styles/pageForm.scss';
 
+.editor__view {
+  background-color: #F3F3F3;
+  border-radius: 12rpx;
+}
+
 .editor {
-  height: 411rpx;
+  height: 253rpx;
+  padding: 20rpx;
+
+  &-tools {
+    align-items: flex-end;
+    padding: 0 20rpx 16rpx 14rpx;
+  }
+
+  &-count {
+    color: #999999;
+    font-size: 28rpx;
+  }
 }
 
 .btn-simple {
@@ -173,14 +234,7 @@
   border: none;
   box-shadow: none;
   padding: 0;
-}
-
-.button-submit {
   margin: 0;
-  position: fixed;
-  bottom: 138rpx;
-  left: 20rpx;
-  width: calc(100% - 40rpx);
-  height: 90rpx;
 }
+
 </style>
\ No newline at end of file
diff --git a/pages_order/static/record/icon-add.png b/pages_order/static/record/icon-add.png
new file mode 100644
index 0000000000000000000000000000000000000000..32a1792b39b7b518276f0ec365a3a0f0bf52a53e
GIT binary patch
literal 1537
zcmb7E`#Tc~7+#84xrJixNwYe~lPs%k!d%wqSS=3~=CYJ7+H8l7SWQZKTDpje#%L6$
zDY-mPo7ut~(#*q>+mfX)4r7|-c6R=R^TYSO&-cUke((Fk_uf7hiZ%v<fB*o%7;_{5
zr$hRGWoV%5V=kOqI@mzLp-}*?#BLG*(C1+S{K9DXnP+b<+MzAQ)VlA-;#!i-UyDS+
z#Ve-ndKhzm5@AQOxngW8kmng<#()m&VVZe1Ru`YZTeK%c-Ledye4pgR8MEAd(2Wrp
z=hDUI8Na21L*da<%-gf#*`Xl2VZoIJy60?>CiTyD{s}zhLEVSiJCATjzwFF*Ta4j1
z>~RQ&JSsLgub(WpYF8z7FRcAtJ57~nSDg$UIOo$zpcY#95YzW*#g5#vld^9u`}h;f
zYn5p%;>U$}_a(R7%S(dwi^nY^-i`cI)QH%cF_^YfdZE6c=;QY-;?GoErv%e*RtUz-
zv-9V*X@{*fgH{ZgOlIl@gRK|;oHEogaDNHb%f8IUO#KP3nISvMi(U2LGcXV{;?A3D
zTxaucue0HNx=U$^YwJ%rWm~WR9Ol7r0q$@^e<m$eZnz6Ge?Om$9(pOHNQnEz4tqFq
zL{0KAk+><_tVtA0f^{#<05hy_7HTw_Ez|Ou8)x5pHVv6(jaop)4Uz8Y=CQ>Kn-fm0
z6(kJgsc&M5t*Bdwgj003$n?5XVyO$7ux-L5rlw!%BI_OX_6)vO3B>y(6d~hWKpV*|
zpSo;>4;6TC9J;Eqy$R$YJfWW#hRs7lSq=*qTBWqIQMM{y<gb|Q$r1MwOqk%#71HMy
zirW%E-6f-}9I-|AT{z24-SL{O3IGG3EGJqb(r-eyCuOVpMCB1!qJghs(gR(?a-*oH
zI<D(jiuBGLU{TiYdHj47gfAHHo=IJHa9!EeJ#6I6qOmku59v_w%cA_zhe{b%@K|;5
z%!T!!AZ~=|oI)Y%^P&Q<>L_nvUVsV6XZw}J6@;L^EjLH(_+%_U94Uhfez7v=$A=ND
zfpa%=!hGbz>|$H}tf;EZIw$w1CK+gZp94w==NAx(^KP=j&Zi+$7bj#7lSX|NY*l$o
z$a9jjOsCpQhUlp-Icz-{97O&KsFXqI648-}rO3={y;E>H%YlcIf2z2*n1U4cd$zsm
zr%ANi3De=;Ej1%k1Ww<xL7(wEj<NM(rH7F-U4_K1-)#yhlu3K4!Gpp#c!l!hSmJ1D
z1h#>39q-)}X37Ku9Y9!{40~I*qNI2Vtc;LpPfXvoVZ|CL8D{FmU5pt~w>rYwCRQ7M
z3r9}T`cx^;Eh3ZR+x!(BT;23Sk@QE`_f=FC+FqwzC;yPFoZ(-`Am9UM8Vs4>Diy_q
zboy$LL`|;!71cB;3Z1q`2r(w`4!D5Z@$EshvRlTpJldb(szJ&R_@-z>a0(@`Vs9#2
z#l5$G8Vr?_e53boW>Rk#_{FeQ2G=KZA&LCG&$licF=2Mc3cLIi(PatJh(x|9_FX&>
zGz)~Z&`}EG&3&#EDXlQkMr{Qm?t9FAoF(R=I$xJaX)PO4I_#iw*V6`>H^jDEEB02D
z{=ZY=LyiW1(j&cUVQKW^TBzRnr+ByAvKkn*sO9V2@qz^G?~7KKZSDYmtk`xhaGhng
zTdP7U_UIljV??<~pGf5qqsR^d_w9`E>Uw@{Ex9zINzbue^@_vcl;q<?@fCBI3wJtY
zFP+<GT{n;X0zbN#?iJg{%T7*?Q5;-5{Gpb(_zVrj&n~4>sfCDV5@p-RF_TCavzuSr
z6i4%}<&{mmn_Wh%($}|*4&^3$G(*)v<*Hnd)aYPs23ga^#TzCELKev$3$(_M<|iW~
zd3=FjO;eXg`EW?0-6;NC7<im-I@4&Q{EL|0{OOWcj4onSVzIaxoVMPal3^JLn@3))
zAokt3YPQLCVs7A&k$UYCkvQuK8Tb0JvPL>M{N#0{^@`dUWysND>F){ifehNKsx|@!
gIT#E{e)>}D7+ceSMIykg>oOgH2@DP3qGGfD1wiW&I{*Lx

literal 0
HcmV?d00001