From e09a293aa2b6cc97170f9814f85b68eabf36c85e Mon Sep 17 00:00:00 2001
From: sws <1141121512@qq.com>
Date: Tue, 10 Sep 2024 14:30:49 +0800
Subject: [PATCH] =?UTF-8?q?1.=E4=BB=A3=E7=A0=81=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../images/components/model-video/video.png   | Bin 3997 -> 0 bytes
 src/components/model-user-info/index.vue      |  52 +++++++++---------
 .../model-user-info-content.vue               |   2 +-
 .../model-user-info-styles.vue                |  12 ++--
 .../components/main/default/user-info.ts      |  24 ++++----
 5 files changed, 45 insertions(+), 45 deletions(-)
 delete mode 100644 src/assets/images/components/model-video/video.png

diff --git a/src/assets/images/components/model-video/video.png b/src/assets/images/components/model-video/video.png
deleted file mode 100644
index cd19bfc08242cb9e3b21bb3eec99b99de8d0d19c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3997
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
D7Cv%p

diff --git a/src/components/model-user-info/index.vue b/src/components/model-user-info/index.vue
index ad380454..a1de7438 100644
--- a/src/components/model-user-info/index.vue
+++ b/src/components/model-user-info/index.vue
@@ -6,7 +6,7 @@
                     <img class="round" src="@/assets/images/components/model-user-info/avatar.png" :width="base_data.user_avatar_size" :height="base_data.user_avatar_size" />
                     <div class="flex-col gap-8">
                         <div class="size-16 fw" :style="user_name_style">昵称</div>
-                        <div v-if="id_bool" class="plr-6 ptb-1 radius-sm" :style="user_id_style">ID:88888888</div>
+                        <div v-if="id_bool" class="plr-6 ptb-1 radius-sm" :style="number_code_style">ID:88888888</div>
                     </div>
                 </div>
                 <div class="flex-row align-c" :class="'gap-' + base_data.img_space">
@@ -18,7 +18,7 @@
             </div>
             <div class="flex-row jc-sa align-c">
                 <template v-for="(item, index) in stats_list" :key="index">
-                    <div v-if="user_info.includes(item.id)" class="tc">
+                    <div v-if="config.includes(item.id)" class="tc">
                         <div class="size-16 fw mb-6" :style="stats_number_style">{{ item.value }}</div>
                         <div class="size-12" :style="stats_name_style">{{ item.name }}</div>
                     </div>
@@ -39,21 +39,21 @@ const style = ref('');
 const style_container = ref('');
 const id_bool = ref(true);
 const stats_list = reactive([
-    { id: '1', name: '订单总数', value: '100' },
-    { id: '2', name: '商品收藏', value: '10' },
-    { id: '3', name: '我的足迹', value: '1000' },
-    { id: '4', name: '我的积分', value: '10000' },
+    { id: 'order_count', name: '订单总数', value: '100' },
+    { id: 'goods_favor_count', name: '商品收藏', value: '10' },
+    { id: 'goods_browse_count', name: '我的足迹', value: '1000' },
+    { id: 'integral_number', name: '我的积分', value: '10000' },
 ]);
 interface icon_params {
     id: string;
     img: uploadList[];
     icon: string;
-    link: string;
+    link: pageLinkList;
 }
-const user_info = ref<string[]>(['1', '2', '3', '4']);
+const config = ref<string[]>(['order_count', 'goods_favor_count', 'goods_browse_count', 'integral_number']);
 const icon_setting = ref<icon_params[]>([
-    { id: '1', img: [], icon: '', link: 'a' },
-    { id: '2', img: [], icon: '', link: 'a' },
+    { id: '1', img: [], icon: '', link: {} },
+    { id: '2', img: [], icon: '', link: {} },
 ]);
 const base_data = reactive({
     // 头像大小
@@ -65,18 +65,18 @@ const base_data = reactive({
     // 用户名字号
     user_name_size: 16,
     // 用户ID颜色
-    user_id_color_list: [
+    number_code_color_list: [
         { color: 'rgba(254, 184, 143, 1)', color_percentage: undefined },
         { color: 'rgba(255, 227, 220, 1)', color_percentage: undefined },
     ],
     // 用户ID颜色
-    user_id_color: 'rgba(0, 0, 0, 1)',
+    number_code_color: 'rgba(0, 0, 0, 1)',
     // 用户ID方向
-    user_id_direction: '90deg',
+    number_code_direction: '90deg',
     // 用户ID样式
-    user_id_weight: '400',
+    number_code_weight: '400',
     // 用户ID字号
-    user_id_size: 10,
+    number_code_size: 10,
     // 图片大小
     img_size: '23',
     // 图片间距
@@ -96,7 +96,7 @@ const base_data = reactive({
 });
 // 样式
 const user_name_style = ref('');
-const user_id_style = ref('');
+const number_code_style = ref('');
 const stats_name_style = ref('');
 const stats_number_style = ref('');
 watch(
@@ -105,9 +105,9 @@ watch(
         const content = newVal?.content;
         const new_style = newVal?.style;
         if (content) {
-            user_info.value = content?.user_info;
+            config.value = content?.config;
             icon_setting.value = content?.icon_setting;
-            id_bool.value = user_info.value ? user_info.value.includes('5') : true;
+            id_bool.value = config.value ? config.value.includes('5') : true;
         }
         if (new_style) {
             // 头像
@@ -117,11 +117,11 @@ watch(
             base_data.user_name_weight = new_style.user_name_weight;
             base_data.user_name_size = new_style.user_name_size;
             // id
-            base_data.user_id_color_list = new_style.user_id_color_list;
-            base_data.user_id_color = new_style.user_id_color;
-            base_data.user_id_direction = new_style.user_id_direction;
-            base_data.user_id_weight = new_style.user_id_weight;
-            base_data.user_id_size = new_style.user_id_size;
+            base_data.number_code_color_list = new_style.number_code_color_list;
+            base_data.number_code_color = new_style.number_code_color;
+            base_data.number_code_direction = new_style.number_code_direction;
+            base_data.number_code_weight = new_style.number_code_weight;
+            base_data.number_code_size = new_style.number_code_size;
             // 图标设置
             base_data.img_size = new_style.img_size;
             base_data.img_space = new_style.img_space;
@@ -139,10 +139,10 @@ watch(
 
         // id样式
         const new_gradient_obj = {
-            color_list: base_data.user_id_color_list,
-            direction: base_data.user_id_direction,
+            color_list: base_data.number_code_color_list,
+            direction: base_data.number_code_direction,
         };
-        user_id_style.value = gradient_computer(new_gradient_obj) + 'color:' + base_data.user_id_color + ';' + 'font-size:' + base_data.user_id_size + 'px;' + 'font-weight:' + base_data.user_id_weight + ';';
+        number_code_style.value = gradient_computer(new_gradient_obj) + 'color:' + base_data.number_code_color + ';' + 'font-size:' + base_data.number_code_size + 'px;' + 'font-weight:' + base_data.number_code_weight + ';';
 
         // 统计名称样式
         stats_name_style.value = 'color:' + base_data.stats_name_color + ';' + 'font-size:' + base_data.stats_name_size + 'px;' + 'font-weight:' + base_data.stats_name_weight + ';';
diff --git a/src/components/model-user-info/model-user-info-content.vue b/src/components/model-user-info/model-user-info-content.vue
index 3e4b5135..d17b18cc 100644
--- a/src/components/model-user-info/model-user-info-content.vue
+++ b/src/components/model-user-info/model-user-info-content.vue
@@ -4,7 +4,7 @@
             <card-container class="mb-8">
                 <div class="mb-12">展示设置</div>
                 <el-form-item label="是否展示">
-                    <el-checkbox-group v-model="form.user_info">
+                    <el-checkbox-group v-model="form.config">
                         <el-checkbox v-for="(item, index) in base_info_list" :key="index" :value="item.value">{{ item.name }}</el-checkbox>
                     </el-checkbox-group>
                 </el-form-item>
diff --git a/src/components/model-user-info/model-user-info-styles.vue b/src/components/model-user-info/model-user-info-styles.vue
index f4364a34..29173b9c 100644
--- a/src/components/model-user-info/model-user-info-styles.vue
+++ b/src/components/model-user-info/model-user-info-styles.vue
@@ -33,19 +33,19 @@
                 <el-form-item label="底部背景">
                     <div class="flex-col gap-10 w">
                         <div class="size-12">背景色</div>
-                        <mult-color-picker :value="form.user_id_color_list" :type="form.user_id_direction" @update:value="mult_color_picker_event"></mult-color-picker>
+                        <mult-color-picker :value="form.number_code_color_list" :type="form.number_code_direction" @update:value="mult_color_picker_event"></mult-color-picker>
                     </div>
                 </el-form-item>
                 <el-form-item label="id颜色">
-                    <color-picker v-model="form.user_id_color"></color-picker>
+                    <color-picker v-model="form.number_code_color"></color-picker>
                 </el-form-item>
                 <el-form-item label="名称样式">
-                    <el-radio-group v-model="form.user_id_weight">
+                    <el-radio-group v-model="form.number_code_weight">
                         <el-radio v-for="item in font_weight" :key="item.value" :value="item.value">{{ item.name }}</el-radio>
                     </el-radio-group>
                 </el-form-item>
                 <el-form-item label="字号">
-                    <slider v-model="form.user_id_size"></slider>
+                    <slider v-model="form.number_code_size"></slider>
                 </el-form-item>
             </card-container>
 
@@ -113,8 +113,8 @@ const font_weight = reactive([
 // 默认值
 let form = ref(props.value);
 const mult_color_picker_event = (arry: string[], type: number) => {
-    form.value.user_id_color_list = arry;
-    form.value.user_id_direction = type.toString();
+    form.value.number_code_color_list = arry;
+    form.value.number_code_direction = type.toString();
 };
 const common_styles_update = (val: Object) => {
     form.value.common_style = val;
diff --git a/src/views/layout/components/main/default/user-info.ts b/src/views/layout/components/main/default/user-info.ts
index a2466700..4a8e817d 100644
--- a/src/views/layout/components/main/default/user-info.ts
+++ b/src/views/layout/components/main/default/user-info.ts
@@ -1,7 +1,7 @@
 import defaultCommon from './index';
 interface DefaultUserInfo {
     content: {
-        user_info: string[];
+        config: string[];
         icon_setting: { id: string; img: uploadList[]; link: object; icon: string }[];
     };
     style: {
@@ -9,11 +9,11 @@ interface DefaultUserInfo {
         user_name_color: string;
         user_name_weight: string;
         user_name_size: number;
-        user_id_color_list: color_list[];
-        user_id_color: string;
-        user_id_direction: string;
-        user_id_weight: string;
-        user_id_size: number;
+        number_code_color_list: color_list[];
+        number_code_color: string;
+        number_code_direction: string;
+        number_code_weight: string;
+        number_code_size: number;
         img_size: string;
         img_space: string;
         stats_name_color: string;
@@ -27,7 +27,7 @@ interface DefaultUserInfo {
 }
 const defaultUserInfo: DefaultUserInfo = {
     content: {
-        user_info: ['1', '2', '3', '4', '5'],
+        config: ['order_count', 'goods_favor_count', 'goods_browse_count', 'integral_number'],
         icon_setting: [
             { id: '1', img: [], icon: 'applet-me-settings-acquiesce', link: {} },
             { id: '2', img: [], icon: 'applet-me-message-acquiesce', link: {} },
@@ -38,14 +38,14 @@ const defaultUserInfo: DefaultUserInfo = {
         user_name_color: 'rgba(0, 0, 0, 1)',
         user_name_weight: '500',
         user_name_size: 16,
-        user_id_color_list: [
+        number_code_color_list: [
             { color: 'rgba(254, 184, 143, 1)', color_percentage: undefined },
             { color: 'rgba(255, 227, 220, 1)', color_percentage: undefined },
         ],
-        user_id_color: 'rgba(0, 0, 0, 1)',
-        user_id_direction: '90deg',
-        user_id_weight: '400',
-        user_id_size: 10,
+        number_code_color: 'rgba(0, 0, 0, 1)',
+        number_code_direction: '90deg',
+        number_code_weight: '400',
+        number_code_size: 10,
         img_size: '23',
         img_space: '25',
         stats_name_color: 'rgba(0, 0, 0, 1)',