💄 update ui

src/components/page-header.vue

@@ -1,4 +1,9 @@
 <script setup lang="ts">
+import {defineComponent} from "vue";
+
+defineComponent({
+    name:'PageHeader'
+})
 const props = defineProps(["title", "description"]);
 </script>
 
@@ -6,7 +11,10 @@ const props = defineProps(["title", "description"]);
     <div class="page-content-header flex justify-between">
         <div class="left-intro-content flex-1">
             <div class="page-content-title" v-html="props.title"></div>
-            <div class="page-content-desc" v-html="props.description"></div>
+            <div class="page-content-desc">
+                <div v-if="props.description" v-html="props.description"></div>
+                <div v-else><slot name="description"></slot></div>
+            </div>
         </div>
         <div class="right-content"><slot></slot></div>
     </div>

src/pages/result/components/input-setting.vue

@@ -108,6 +108,14 @@ onMounted(() => {
             })
         }
     })
+    const lines:string[] = []
+
+    lines.push(`weight：体重`)
+    lines.push(`niaosu：24h尿素`)
+    setting.forEach(it => {
+        lines.push(`${it.key}：${it.title}`)
+    })
+    console.log(lines.join("\n"));
     settingList.value = setting
 
 })

src/pages/result/index.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="result-container">
-        <PageHeader title="输出指标编辑" description="*输出指标: 使用输入参数进行计算，可对指标进行编辑操作。">
+        <PageHeader title="输出指标编辑" description="*输出指标: 小程序最终输出结果公式。 输入指标: 用户在小程序中输入的基本数据及营养制剂剂量。 营养制剂: 通过营养制剂别名调用制剂相应数据。">
             <Space>
                 <Button @click="settingVisible=true">
                     设置输入数据
@@ -23,8 +23,8 @@
                             <!--                    <span>{{ parseExpression(item.expression) }}</span>-->
                         </div>
                         <div class="alias text-sm text-gray-400 flex item-center">
-                            <div><span>别名</span><Tooltip placement="bottom" color="#00ab99">
-                                <template #title>上一步的计算结果可用于后面表达式</template>
+                            <div><span>别名</span><Tooltip placement="bottom">
+                                <template #title>此别名的计算结果指标可用于后面的表达式参与计算</template>
                                 <InfoCircleOutlined style="font-size: 12px" />
                             </Tooltip>：</div>
                             <div>{{item.key}}</div>