From 3b9d404b46600bb464078271b1b2c528523e51d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Fri, 4 Jul 2025 18:16:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=9F=A9=E5=BD=A2=E5=92=8C?=
 =?UTF-8?q?=E5=9C=86=E8=A7=92=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/form-input/address.vue         |  2 +-
 .../components/form-input/form-input.vue      | 10 ++--
 .../modules/component-show/index.vue          |  7 ++-
 .../components/form-input/rect-or-round.vue   | 52 +++++++++++++++++++
 4 files changed, 64 insertions(+), 7 deletions(-)
 create mode 100644 pages/form-input/components/form-input/rect-or-round.vue

diff --git a/pages/form-input/components/form-input/address.vue b/pages/form-input/components/form-input/address.vue
index f04314d8..f177ae9a 100644
--- a/pages/form-input/components/form-input/address.vue
+++ b/pages/form-input/components/form-input/address.vue
@@ -103,7 +103,7 @@
                 });
             },
             open_ragion() {
-                this.$emit('openRegion', this.propDataId, this.province_id, this.city_id, this.county_id);
+                this.$emit('openRegion', { id: this.propDataId, province_id: this.province_id, city_id: this.city_id, county_id: this.county_id});
             },
             data_check(val) {
                 const { is_error = '0', error_text = '' } = get_format_checks(this.com_data, val, true, 'number');
diff --git a/pages/form-input/components/form-input/form-input.vue b/pages/form-input/components/form-input/form-input.vue
index 842481ef..4677df61 100644
--- a/pages/form-input/components/form-input/form-input.vue
+++ b/pages/form-input/components/form-input/form-input.vue
@@ -253,13 +253,13 @@ export default {
             this.setData({ popup_help_content: val });
             this.$refs.popup.open();
         },
-        open_region(id, province_id, city_id, county_id) {
+        open_region(e) {
             this.setData({ 
                 region_picker_show: true, 
-                province_id, 
-                city_id, 
-                county_id,
-                address_id: id,
+                province_id: e?.province_id || '', 
+                city_id: e?.city_id || '', 
+                county_id: e?.county_id || '',
+                address_id: e?.id || '', 
             });
         },
         close_event(e) {
diff --git a/pages/form-input/components/form-input/modules/component-show/index.vue b/pages/form-input/components/form-input/modules/component-show/index.vue
index a7f43a86..20a2393d 100644
--- a/pages/form-input/components/form-input/modules/component-show/index.vue
+++ b/pages/form-input/components/form-input/modules/component-show/index.vue
@@ -87,6 +87,9 @@
                     <view v-else-if="item.key == 'position'">
                         <component-position :propValue="item.com_data" :propKey="propKey" :propDataId="item.id" :propMobile="propMobile" :propStyle="propComponentStyle" :propDirection="propDirection" @dataChange="data_change"></component-position>
                     </view>
+                    <view v-else-if="['rect', 'round'].includes(item.key)" :class="propIsCustom ? 'wh-auto ht-auto' : ''">
+                        <component-rect-or-round :propValue="item.com_data" :propKey="propKey"></component-rect-or-round>
+                    </view>
                     <!-- #ifdef H5 || MP-WEIXIN || MP-QQ -->
                     <view v-else-if="item.key == 'upload-attachments'">
                         <component-upload :propValue="item.com_data" :propType="item.key == 'upload-img' ? 'img' : ( item.key == 'upload-video' ? 'video' : 'file')" :propKey="propKey" :propDataFormId="propDataFormId" :propDataId="item.id" :propMobile="propMobile" :propStyle="propComponentStyle" :propDirection="propDirection" @dataChange="data_change"></component-upload>
@@ -127,6 +130,7 @@ import componentAuxiliaryLine from '@/pages/form-input/components/form-input/aux
 import componentRichText from '@/pages/form-input/components/form-input/rich-text.vue';
 import componentUpload from '@/pages/form-input/components/form-input/upload.vue';
 import componentPosition from '@/pages/form-input/components/form-input/position.vue';
+import componentRectOrRound from '@/pages/form-input/components/form-input/rect-or-round.vue';
 export default {
     name: 'formInput',
     components: {
@@ -150,7 +154,8 @@ export default {
         componentAuxiliaryLine,
         componentRichText,
         componentUpload,
-        componentPosition
+        componentPosition,
+        componentRectOrRound
     },
     props: {
         propValue: {
diff --git a/pages/form-input/components/form-input/rect-or-round.vue b/pages/form-input/components/form-input/rect-or-round.vue
new file mode 100644
index 00000000..829b2fbd
--- /dev/null
+++ b/pages/form-input/components/form-input/rect-or-round.vue
@@ -0,0 +1,52 @@
+<template>
+    <view class="rendering-area wh-auto ht-auto pa-3">
+        <view class="wh-auto ht-auto" :style="border_style"></view>
+    </view>
+</template>
+
+<script>
+    import { isEmpty } from '@/common/js/common/common.js';
+    export default {
+        props: {
+            propValue: {
+                type: Object,
+                default: () => ({}),
+            },
+            propKey: {
+                type: [String, Number],
+                default: 0,
+            },
+        },
+        data() {
+            return {
+                border_style: '',
+            };
+        },
+        watch: {
+            propKey(val) {
+                // 初始化
+                this.init();
+            },
+        },
+        mounted() {
+            this.init();
+        },
+        methods: {
+            isEmpty,
+            // 初始化数据
+            init() {
+                const com_data = this.propValue;
+                this.setData({
+                    border_style: `${ com_data.type == 'rect' ? '' : 'border-radius: 50%;'}box-sizing: border-box;border: ${ com_data.border_size }px ${ com_data.border_style } ${ com_data.border_color};`,
+                });
+            }
+        },
+    };
+</script>
+
+<style lang="scss" scoped>
+.pa-3 {
+    padding: 6rpx;
+    box-sizing: border-box;
+}
+</style>