源文件

2025-04-25 09:49:53 +08:00
commit 791d82b9e3
640 changed files with 130029 additions and 0 deletions
--- a/components/choice-location/choice-location.vue
+++ b/components/choice-location/choice-location.vue
@@ -0,0 +1,169 @@
+<template>
+    <view :class="theme_view">
+        <view v-if="propIsShowAddressChoice" class="choice-location pr wh-auto oh" :style="propLocationContainerStyle" @tap.stop="choose_user_location">
+            <view class="flex-row gap-2 align-c oh" :style="propLocationImgContainerStyle">
+                <view v-if="propIsLeftIconArrow" class="dis-inline-block va-m lh">
+                    <block v-if="(propLeftImgValue || null) != null && propLeftImgValue.length > 0">
+                        <image :src="propLeftImgValue[0].url" class="dis-block" mode="heightFix"></image>
+                    </block>
+                    <block v-else>
+                        <iconfont :name="propLeftIconValue" :size="propIconLocationSize" propClass="lh" :color="propIconLocationColor || propBaseColor" :propContainerDisplay="propContainerDisplay"></iconfont>
+                    </block>
+                </view>
+                <view :class="'va-m dis-inline-block margin-left-xs single-text text' + (propType == 'header' ? ' text-size-md' : ' text-size-xs')" :style="'max-width:' + propTextMaxWidth + ';color:' + (propTextColor || propBaseColor) + ';'">{{ location.text || '' }}</view>
+                <view v-if="propIsRightIconArrow" class="va-m lh dis-inline-block margin-left-xs">
+                    <block v-if="(propRightImgValue || null) != null && propRightImgValue.length > 0">
+                        <image :src="propRightImgValue[0].url" class="dis-block" mode="heightFix"></image>
+                    </block>
+                    <block v-else>
+                        <iconfont :name="propRightIconValue" :size="propIconArrowSize" propClass="lh-xs" :color="propIconArrowColor || propBaseColor" :propContainerDisplay="propContainerDisplay"></iconfont>
+                    </block>
+                </view>
+            </view>
+        </view>
+    </view>
+</template>
+<script>
+    const app = getApp();
+    export default {
+        data() {
+            return {
+                theme_view: app.globalData.get_theme_value_view(),
+                location: {},
+                cloice_location_timer: null,
+            };
+        },
+        props: {
+            propIsShowAddressChoice: {
+                type: Boolean,
+                default: true,
+            },
+            propBaseColor: {
+                type: String,
+                default: '#fff',
+            },
+            propTextDefaultName: {
+                type: String,
+                default: '',
+            },
+            propTextColor: {
+                type: String,
+                default: '',
+            },
+            propTextMaxWidth: {
+                type: String,
+                default: '100%',
+            },
+            propIconLocationColor: {
+                type: String,
+                default: '',
+            },
+            propIconLocationSize: {
+                type: String,
+                default: '28rpx',
+            },
+            propIconArrowColor: {
+                type: String,
+                default: '',
+            },
+            propIconArrowSize: {
+                type: String,
+                default: '24rpx',
+            },
+            propIsLeftIconArrow: {
+                type: Boolean,
+                default: true,
+            },
+            propLeftImgValue: {
+                type: [Array,String],
+                default: '',
+            },
+            propLeftIconValue: {
+                type: String,
+                default: 'icon-location',
+            },
+            propIsRightIconArrow: {
+                type: Boolean,
+                default: true,
+            },
+            propRightImgValue: {
+                type: [Array,String],
+                default: '',
+            },
+            propRightIconValue: {
+                type: String,
+                default: 'icon-arrow-bottom',
+            },
+            propType: {
+                type: String,
+                default: 'header',
+            },
+            propLocationContainerStyle: {
+                type: String,
+                default: '',
+            },
+            propLocationImgContainerStyle: {
+                type: String,
+                default: '',
+            },
+            propContainerDisplay: {
+                type: String,
+                default: 'inline-block',
+            }
+        },
+        // 页面被展示
+        created: function () {
+            this.init();
+        },
+        methods: {
+            // 初始化
+            init() {
+                let location = app.globalData.choice_user_location_init();
+                if ((this.propTextDefaultName || null) != null) {
+                    var default_name = this.$t('shopxo-uniapp.app.4v6q86');
+                    if (location.text == default_name) {
+                        location.text = this.propTextDefaultName;
+                    }
+                }
+                this.setData({
+                    location: location,
+                });
+            },
+
+            // 选择位置监听
+            choose_user_location(e) {
+                // 定时任务
+                clearInterval(this.cloice_location_timer);
+                var self = this;
+                var timer = setInterval(function () {
+                    var result = app.globalData.choice_user_location_init() || null;
+                    if (result != null && (result.status == 1 || result.status == 3)) {
+                        self.setData({
+                            location: result,
+                        });
+                        clearInterval(self.cloice_location_timer);
+
+                        // 回调事件
+                        self.$emit('onBack', result);
+                    }
+                }, 1000);
+                this.setData({
+                    cloice_location_timer: timer,
+                });
+
+                // 进入位置选择
+                app.globalData.choose_user_location_event();
+            },
+        },
+    };
+</script>
+<style scoped>
+    .choice-location {
+        height: 56rpx;
+        line-height: 56rpx;
+    }
+    .dis-block {
+        width: 100%;
+        height: 56rpx;
+    }
+</style>