feat(distribution): 增强分销功能与界面优化

- 新增银行卡管理页面，支持用户查看与管理银行卡。
- 实现添加、删除及设置默认银行卡功能。
- 优化邀请与加入页面，展示邀请人信息并改进用户提示。
- 更新海报与二维码生成逻辑，提升用户体验。
- 重构多个组件，提高可读性与可维护性。

components/m-buy/goods.vue

@@ -250,6 +250,8 @@ const buy = (data: any) => {
 				url: `/pages/order/fillorder?way=${data.cartType}&addr=${''}&parentOrder=${encodeURIComponent(JSON.stringify(parentOrder.value))}`
 			})
 		}
+	}).finally(() => {
+		uni.hideLoading()
 	})
 }
 

components/m-search-revision/m-search-revision.vue

@@ -1,23 +1,23 @@
 <template>
-  <view class="serach">
-    <view class="left-box" @tap="onClickLeft">
-      <u-icon name="arrow-left" size="28rpx" color="#606266"></u-icon>
-    </view>
-    <view class="content" :style="{ 'border-radius': radius + 'px' }">
-      <!-- HM修改 增加进入输入状态的点击范围 -->
-      <view class="content-box" :class="{ center: mode === 2 }">
-        <u-icon name="search" size="30rpx" color="#909399" style="padding:0 14rpx;"></u-icon>
+  <view class="serach">
+    <view class="left-box" @tap="onClickLeft">
+      <u-icon name="arrow-left" size="28rpx" color="#606266"></u-icon>
+    </view>
+    <view class="content" :style="{ 'border-radius': radius + 'px' }">
+      <!-- HM修改 增加进入输入状态的点击范围 -->
+      <view class="content-box" :class="{ center: mode === 2 }">
+        <u-icon name="search" size="30rpx" color="#909399" style="padding:0 14rpx;"></u-icon>
         <!-- HM修改 增加placeholder input confirm-type confirm-->
         <input style="width:100%; " :placeholder="placeholder" placeholder-class="placeholder-color"
           @input="inputChange" confirm-type="search" @confirm="triggerConfirm" class="input"
           :class="{ center: !active && mode === 2 }" :focus="isFocus" v-model="inputVal" @focus="focus" @blur="blur" />
-        <view
-          class="clear-icon"
-          v-if="showClear && isDelShow"
-          @tap.stop.prevent="clear"
-        >
-          <u-icon name="close" size="28rpx" color="#909399"></u-icon>
-        </view>
+        <view
+          class="clear-icon"
+          v-if="showClear && isDelShow"
+          @tap.stop.prevent="clear"
+        >
+          <u-icon name="close" size="28rpx" color="#909399"></u-icon>
+        </view>
       </view>
 
     </view>
@@ -26,10 +26,10 @@
         <div @click="out()">取消</div>
       </view>
 
-      <view v-else class="button-item">
-        <u-icon name="grid-fill" size="32rpx" color="var(--theme-light, #ff6b35)" @click="handelListClass()" v-if="!switchLayout"></u-icon>
-        <u-icon v-else @click="handelListClass()" name="list-dot" size="32rpx" color="var(--theme-light, #ff6b35)"></u-icon>
-      </view>
+      <view v-else class="button-item">
+        <u-icon name="grid-fill" size="32rpx" color="var(--theme-light, #ff6b35)" @click="handelListClass()" v-if="!switchLayout"></u-icon>
+        <u-icon v-else @click="handelListClass()" name="list-dot" size="32rpx" color="var(--theme-light, #ff6b35)"></u-icon>
+      </view>
     </view>
   </view>
 </template>
@@ -37,25 +37,25 @@
 <script setup lang="ts">
 import { ref, watch, onMounted } from 'vue'
 
-const props = withDefaults(defineProps<{
-	mode?: number
-	placeholder?: string
-	modelValue?: string
-	value?: string
-	radius?: string
-	isFocusVal?: boolean
-	showClear?: boolean
-}>(), {
-	mode: 1,
-	placeholder: "请输入搜索内容",
-	modelValue: "",
-	value: "",
-	radius: "60",
-	isFocusVal: true,
-	showClear: true,
-})
-
-const emit = defineEmits(['confirm', 'input', 'update:modelValue', 'search', 'SwitchType'])
+const props = withDefaults(defineProps<{
+	mode?: number
+	placeholder?: string
+	modelValue?: string
+	value?: string
+	radius?: string
+	isFocusVal?: boolean
+	showClear?: boolean
+}>(), {
+	mode: 1,
+	placeholder: "请输入搜索内容",
+	modelValue: "",
+	value: "",
+	radius: "60",
+	isFocusVal: true,
+	showClear: true,
+})
+
+const emit = defineEmits(['confirm', 'input', 'update:modelValue', 'search', 'SwitchType'])
 
 const isShowSeachGoods = ref(false)
 const active = ref(false)
@@ -64,10 +64,10 @@ const isDelShow = ref(false)
 const isFocus = ref(false)
 const switchLayout = ref(true)
 
-onMounted(() => {
-	isFocus.value = props.isFocusVal
-	inputVal.value = props.modelValue || props.value || ''
-})
+onMounted(() => {
+	isFocus.value = props.isFocusVal
+	inputVal.value = props.modelValue || props.value || ''
+})
 
 //
 const out = () => {
@@ -86,13 +86,13 @@ const triggerConfirm = () => {
 	uni.hideKeyboard()
 }
 //HM修改 触发组件input事件
-const inputChange = (event: any) => {
-	var keyword = event.detail.value
-	emit("input", keyword)
-	emit("update:modelValue", keyword)
-	if (inputVal.value) {
-		isDelShow.value = true
-	}
+const inputChange = (event: any) => {
+	var keyword = event.detail.value
+	emit("input", keyword)
+	emit("update:modelValue", keyword)
+	if (inputVal.value) {
+		isDelShow.value = true
+	}
 }
 const focus = () => {
 	active.value = true
@@ -107,24 +107,24 @@ const blur = () => {
 		active.value = false
 	}
 }
-const clear = () => {
-	//HM修改 收起键盘
-	uni.hideKeyboard()
-	isFocus.value = false
-	inputVal.value = ""
-	active.value = false
-	isDelShow.value = false
-	//HM修改 清空内容时候触发组件input
-	emit("input", "")
-	emit("update:modelValue", "")
-	//this.$emit('search', '');//HM修改 清空内容时候不进行搜索
-}
-
-const setInputValue = (value: string) => {
-	inputVal.value = value || ''
-	emit("input", inputVal.value)
-	emit("update:modelValue", inputVal.value)
-}
+const clear = () => {
+	//HM修改 收起键盘
+	uni.hideKeyboard()
+	isFocus.value = false
+	inputVal.value = ""
+	active.value = false
+	isDelShow.value = false
+	//HM修改 清空内容时候触发组件input
+	emit("input", "")
+	emit("update:modelValue", "")
+	//this.$emit('search', '');//HM修改 清空内容时候不进行搜索
+}
+
+const setInputValue = (value: string) => {
+	inputVal.value = value || ''
+	emit("input", inputVal.value)
+	emit("update:modelValue", inputVal.value)
+}
 
 /**
  * 回退到上一级
@@ -159,23 +159,23 @@ const search = () => {
 /**
  * 监听当前是否有值 是否显示清除图标
  */
-watch(inputVal, (newVal) => {
-	newVal ? (isDelShow.value = true) : (isDelShow.value = false)
-})
-
-watch(() => props.modelValue, (newVal) => {
-	if (newVal !== inputVal.value) {
-		inputVal.value = newVal || ''
-	}
-})
-
-defineExpose({
-	isShowSeachGoods,
-	inputVal,
-	clear,
-	setInputValue,
-})
-</script>
+watch(inputVal, (newVal) => {
+	newVal ? (isDelShow.value = true) : (isDelShow.value = false)
+})
+
+watch(() => props.modelValue, (newVal) => {
+	if (newVal !== inputVal.value) {
+		inputVal.value = newVal || ''
+	}
+})
+
+defineExpose({
+	isShowSeachGoods,
+	inputVal,
+	clear,
+	setInputValue,
+})
+</script>
 
 <style lang="scss" scoped>
 .serach {
@@ -214,29 +214,29 @@ defineExpose({
         justify-content: flex-start;
       }
 
-      .input {
-        flex: 1;
-        min-width: 0;
-        width: auto;
+      .input {
+        flex: 1;
+        min-width: 0;
+        width: auto;
         line-height: 60rpx;
         height: 60rpx;
         transition: all 0.2s linear;
 
         &.center {
           width: auto;
-        }
-      }
-
-      .clear-icon {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-shrink: 0;
-        width: 72rpx;
-        height: 70rpx;
-      }
-    }
-  }
+        }
+      }
+
+      .clear-icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        width: 72rpx;
+        height: 70rpx;
+      }
+    }
+  }
 
   .button {
     display: flex;