wui-components-v2 1.1.41 → 1.1.43

package/components/search/search.vue

@@ -6,7 +6,7 @@ import formControl from '../form-control/form-control.vue'
 defineOptions({ name: 'Search' })
 const props = defineProps<{
   criterias: Fields[]
-  primaryCriteria: Fields
+  primaryCriteria: Fields | null
   enumColumn?: Enums
   mainCode?: string
   split2TabCriterias?: Split2TabCriterias[]
@@ -18,13 +18,18 @@ const formControlRef = ref()
 const entity = ref({})
 const filterCriterias = computed(() => {
   const criteriaSourceIds = props.split2TabCriterias?.map(item => item.sourceId) || []
-  return props.criterias.filter(item => ![props.primaryCriteria.sourceId, ...criteriaSourceIds].includes(item.sourceId))
+  const primarySourceId = props.primaryCriteria?.sourceId
+  if (!primarySourceId)
+    return props.criterias
+  return props.criterias.filter(item => ![primarySourceId, ...criteriaSourceIds].includes(item.sourceId))
 })
 function handleClose() {
   show.value = false
 }
 function handleSubmit() {
   if (!formControlRef.value) {
+    if (!props.primaryCriteria?.sourceId)
+      return
     const data = `c_${props.primaryCriteria.sourceId}=${search.value}`
     emits('submit', data)
     handleClose()
@@ -33,11 +38,11 @@ function handleSubmit() {
   formControlRef.value.submit().then((fdata: any) => {
     entity.value = {
       ...fdata,
-      [props.primaryCriteria.sourceId]: search.value,
+      ...(props.primaryCriteria?.sourceId ? { [props.primaryCriteria.sourceId]: search.value } : {}),
     }
     let data = ''
 
-    if (props.primaryCriteria.sourceId) {
+    if (props.primaryCriteria?.sourceId) {
       data = `c_${props.primaryCriteria.sourceId}=${search.value}`
     }
 
@@ -73,8 +78,8 @@ function handleSubmit() {
 </script>
 
 <template>
-  <view v-if="primaryCriteria.controlType === 'text'">
-    <wd-search v-model="search" cancel-txt="搜索" :placeholder="`请输入${primaryCriteria.title}搜索`" @clear="handleSubmit" @cancel="handleSubmit">
+  <view v-if="primaryCriteria?.controlType === 'text'" class="w-full">
+    <wd-search v-model="search" cancel-txt="搜索" :placeholder="`请输入${primaryCriteria?.title || ''}搜索`" @clear="handleSubmit" @cancel="handleSubmit">
       <template v-if="filterCriterias.length" #prefix>
         <view class="search-type">
           <wd-icon name="filter" size="17px" class=".dark:text-white .light:text-gray-500" @click="show = true" />

package/components/tab-search/tab-search.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, defineEmits, defineOptions, defineProps, ref } from 'vue'
-import type { EnumItem, Enums, Split2TabCriterias } from '../../type'
+import type { EnumItem, Enums, Split2TabCriterias } from '../../type'
 
 defineOptions({
   name: 'TabSearch',
@@ -20,7 +20,7 @@ interface TabData {
 }
 // 提取枚举值
 function enumColumn() {
-  if (!props.split2TabCriterias)
+  if (!props.split2TabCriterias)
     return []
   return props.split2TabCriterias.reduce<TabData[]>((acc, cur) => {
     const data = props.enums[cur.mstrucId]?.map((item: EnumItem) => {
@@ -32,7 +32,7 @@ function enumColumn() {
 }
 // 提取特殊值
 function specialColumn() {
-  if (!props.split2TabCriterias)
+  if (!props.split2TabCriterias)
     return []
   const data = []
   for (let i = 0; i < props.split2TabCriterias.length; i++) {
@@ -57,12 +57,12 @@ function click(event: { index: number, name: string }) {
   console.log(data, event)
   if (event.name) {
     emit('click', `c_${data?.sourceId}=${event.name}`)
-  }
+  }
   else {
     emit('click', '')
-  }
+  }
 }
-</script>
+</script>
 
 <template>
   <wd-tabs v-model="tab" animated slidable="always" @click="click">
@@ -70,4 +70,4 @@ function click(event: { index: number, name: string }) {
       <wd-tab :title="item.name" :name="item.value" />
     </block>
   </wd-tabs>
-</template>
+</template>

package/components/user-choose/user-choose.vue

@@ -0,0 +1,132 @@
+
+<template>
+  <div class="flex items-center justify-between gap-3">
+    <view @click="addUser" class=" flex-1 min-h-[20px]">
+     <view class="flex items-center gap-2">
+      <view class=" font-black font-bold">{{ showValue.name }}</view>
+      <view>{{ formatPhone(showValue.phone) }}</view>
+     </view>
+      <view>{{ showValue.address }}</view>
+    </view>
+    <wd-icon  name="user" size="18px" @tap="toAddressList" />
+
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, watch, onMounted, onUnmounted } from 'vue'
+import { useRouter } from 'uni-mini-router'
+import { pageKey, listData,pageConfig } from '../../api/page'
+import { generateHighResolutionID,formatPhone } from '../../utils/index'
+
+defineOptions({
+  name: 'UserChoose',
+})
+
+const props = defineProps({
+  modelValue: [String, Array],
+  placeholder: String,
+  sourceId: String,
+  title: String,
+  extControlType: String,
+})
+
+const emit = defineEmits<{
+  'update:modelValue': [value: string]
+}>()
+
+const router = useRouter()
+
+const currentValue = ref<string>(props.modelValue as string || '')
+const showValue = reactive({
+  name: '',
+  phone: '',
+  address: '',
+})
+
+const EVENT_NAME = `userChooseSelected_${generateHighResolutionID()}`
+
+const addUser = () => {
+  const addEvent = generateHighResolutionID()
+  router.push(`/pages/edit-page/index?sourceId=${props.sourceId}&title=${props.title}&addEvent=${addEvent}`)
+  uni.$once(addEvent, (data: any) => {
+    uni.$off(addEvent)
+    currentValue.value = data.entityCode
+    fetchDataById(data.entityCode)
+  })
+}
+
+const toAddressList = () => {
+  uni.navigateTo({
+    url: `/pages/select-list/index?sourceId=${props.sourceId}&title=${props.title}&extControlType=${props.extControlType}&selectEvent=${EVENT_NAME}`,
+  })
+}
+
+const fetchDataById = async (id: string) => {
+  if (!id || !props.sourceId) return
+  const newId=Array.isArray(id)?id[0]:id
+  const requestId = newId?.split('@R@')[0] || props.sourceId
+  console.log('fetchDataById', requestId, props.sourceId,id)
+  try {
+    const config = await pageConfig(props.sourceId)
+    const newConfig=config.ltmplConfig
+    const onlyCode=newConfig.extDisplayConfig?.cardShowCols?.[0]?.sourceId //获取回显字段对应参数名
+    const query=`c_${newConfig.secondCriteria?.sourceId}=${requestId}` //构建查询参数
+    const res = await pageKey(props.sourceId, '', query)
+    const data = await listData(res.key, 1, 10)
+    const item = data.entities.find((e: any) => e.code === requestId)as any
+    const {fieldMap={}}=item
+    const textArr=(fieldMap[onlyCode] || '').split(',') //拆分字符串 姓名,手机号,地址 分别对应数组的0,1,2索引
+    if (item) {
+      showValue.name = textArr?.[0] || ''
+      showValue.phone = textArr?.[1] || ''
+      showValue.address =   textArr?.[2] || ''
+    }
+  } catch (error) {
+    console.error('获取数据失败:', error)
+  }
+}
+
+onMounted(() => {
+  if (currentValue.value) {
+    fetchDataById(currentValue.value)
+  }
+
+  uni.$on(EVENT_NAME, (id: string) => {
+    console.log('user-choose 接收到id:', id)
+    currentValue.value = id
+    fetchDataById(id)
+  })
+})
+
+onUnmounted(() => {
+  uni.$off(EVENT_NAME)
+})
+
+watch(() => props.modelValue, (val) => {
+  const newId = val as string
+  if (newId && newId !== currentValue.value) {
+    currentValue.value = newId
+    fetchDataById(newId)
+  }
+})
+
+watch(currentValue, (val) => {
+  emit('update:modelValue', val)
+})
+</script>
+
+<style scoped lang="scss">
+.custom-select-picker {
+  width: 100%;
+  :deep(.wd-select-picker__wrapper) {
+  padding : 0 20px;
+  overflow: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+:deep(.uni-scroll-view) {
+   scrollbar-width: none;
+}
+}
+</style>

package/components/wui-default/wui-default.vue

@@ -23,10 +23,9 @@ export default {
 </script>
 
 <template>
-  <wd-config-provider :theme-vars="themeVars" :theme="theme" :custom-class="`page-wraper ${theme}`">
+  <wd-config-provider :theme-vars="themeVars" :theme="theme" :custom-class="`page-wraper ${theme} custom-layout`">
     <slot />
     <wd-notify />
-    <wd-message-box />
     <wd-toast />
     <global-loading />
     <global-toast />

package/components/wui-edit-page/wui-edit-page.vue

@@ -14,6 +14,10 @@ import batchUploadFile from '../batch-upload-file/batch-upload-file.vue'
 defineOptions({
   name: 'WuiEditPage',
 })
+const props = defineProps<{
+  companyFilter?: boolean
+  companyFieldSourceId?: string
+}>()
 const pageConfig = ref<dtmplConfig>({
   id: '',
   title: '',
@@ -24,6 +28,7 @@ const pageConfig = ref<dtmplConfig>({
     fieldMap: {},
   },
   buttons: [],
+  smartPaste: false,
 })
 const tree = ref({ value: '', sourceId: '' })
 const loading = ref(false)
@@ -49,13 +54,17 @@ const addEvent = ref('')
 const editEvent = ref('')
 const rowAddEvent = ref('')
 const sendRowAddEvent = ref('')
+const smartPaste=ref(false)
 // 折叠面板
-const collapses = ref()
+const collapses = ref('')
 const groupsformat = computed(() => {
   return pageConfig.value.groups.filter((item: Groups) => {
     return item.displayConfig.includes('displayed')
   })
 })
+const canSmartPaste=computed(()=>{
+  return pageConfig.value?.smartPaste??false
+})
 onLoad((option: any) => {
   sourceId.value = option.sourceId
   mainCode.value = option.mainCode || ''
@@ -71,8 +80,7 @@ onLoad((option: any) => {
 
 onUnmounted(() => {
   console.log('页面卸载')
-  uni.$off(SELECTEVENT)
-  uni.$off(SENDSELECTEVENT)
+  // 勿在卸载时 $off 勾选事件：跳转勾选页会触发 onUnmounted，导致 $once(SELECTEVENT) 被提前移除
   uni.$off(rowAddEvent.value)
   // uni.$off(addEvent.value)
   uni.$off(editEvent.value)
@@ -105,9 +113,8 @@ async function getEditPageConfig() {
       uni.$off(sendRowAddEvent.value)
     })
     setTimeout(() => {
-      collapses.value = pageConfig.value.groups.map((item: Groups) => {
-        return item.id
-      })
+      const visibleGroups = pageConfig.value.groups.filter((item: Groups) => item.displayConfig.includes('displayed'))
+      collapses.value = visibleGroups.length > 0 ? visibleGroups[0].id : ''
     }, 100)
 
     return
@@ -124,14 +131,13 @@ async function getEditPageConfig() {
     }
     loading.value = false
     // 初始化折叠面板
-    if (res.dtmplConfig) {
-      uni.setNavigationBarTitle({
-        title: `${res.dtmplConfig.title}`,
-      })
-      pageConfig.value = res.dtmplConfig
-      collapses.value = pageConfig.value.groups.map((item: Groups) => {
-        return item.id
-      })
+      if (res.dtmplConfig) {
+        uni.setNavigationBarTitle({
+          title: `${res.dtmplConfig.title}`,
+        })
+        pageConfig.value = res.dtmplConfig
+        const visibleGroups = pageConfig.value.groups.filter((item: Groups) => item.displayConfig.includes('displayed'))
+        collapses.value = visibleGroups.length > 0 ? visibleGroups[0].id : ''
 
       pageConfig.value.groups.forEach((item: Groups) => {
         // 初始化勾选数据
@@ -162,7 +168,7 @@ async function getEditPageConfig() {
   }
 }
 // 获取枚举
-async function getEnums() {
+async function getEnums() {
   try {
     const params: string[] = []
     pageConfig.value.groups?.forEach((item: any) => {
@@ -296,7 +302,6 @@ async function save() {
         uni.$emit(editEvent.value, res.entityCode)
 
       subLoading.value = false
-      globalToast.success('保存成功')
       router.back()
     }).catch((error: any) => {
       subLoading.value = false
@@ -588,7 +593,7 @@ function canClick(group: Groups) {
 /**
  * 删除行数据
  */
-function remove(group: Groups, field: Entities) {
+function remove(group: Groups, field: Entities) {
   // 行编辑数据
   if (rowData.value[group.id]) {
     rowData.value[group.id] = rowData.value[group.id].filter((item: any) => item.id !== (field.code || field.fieldMap.id))
@@ -688,51 +693,69 @@ function handleFileChange(e: any, group: Groups) {
     </view>
     <view v-else>
       <wd-cell v-if="pageType === '树'" title="分组" title-width="100px">
-        <TreeSelectControl
+        <TreeSelectControl
           v-model="tree" select-mode="single" :source-id="sourceId" title="分组"
-          ext-control-type="relselect " :readonly="false" :clearable="false"
+          ext-control-type="relselect " :readonly="false" :clearable="false"
         />
       </wd-cell>
-      <wd-collapse v-model="collapses">
-        <wd-collapse-item v-for="group in groupsformat" :key="group.id" :title="group.title" :name="group.id">
-          <FormControl
+      <wd-collapse v-model="collapses" accordion>
+        <wd-collapse-item v-for="group in groupsformat" :key="group.id"  :name="group.id">
+          <template #title>
+            <view class="flex items-center justify-between">
+              <view class="flex-1 flex items-center  justify-between pr-2">
+                <view>{{ group.title }}</view>
+                <view v-if="group.type === 'relation'">
+                  <view v-if="selectData[group.id]?.loading" class="flex justify-center p-3">
+                    <wd-loading />
+                  </view>
+                  <view v-else>
+                    <view v-if="!group.readOnly" class="w-upload flex justify-center gap-2">
+                      <batchUploadFile
+                        v-if="group.batchAddFileField && group.batchAddFileField.extControlType === 'file'"
+                        @handle-file-change="(e) => { handleFileChange(e, group) }"
+                      />
+                      <wd-button
+                        v-if="group.buttons.includes('selectAdd')" :disabled="canClick(group)" type="info"
+                        size="small" @click.stop="gotoSlect(group)"
+                      >
+                        选择
+                      </wd-button>
+                      <wd-button
+                        v-if="group.buttons.includes('dtmplAdd')" :disabled="canClick(group)" type="primary"
+                        size="small" @click.stop="gotoAdd(group)"
+                      >
+                        新增
+                      </wd-button>
+                      <wd-button
+                        v-if="group.buttons.includes('rowAdd')" :disabled="canClick(group)" type="primary" size="small"
+                        @click.stop="gotoRowAdd(group)"
+                      >
+                        新增
+                      </wd-button>
+                    </view>
+                  </view>
+                </view>
+              </view>
+              <wd-icon :name="collapses === group.id ? 'up' : 'down'" size="24px"></wd-icon>
+            </view>
+          </template>
+
+          <FormControl
             v-if="group.type === 'fieldGroup'" ref="formControlRef" :field-group="group"
-            :entity="pageConfig?.entity?.fieldMap" :enum-column="Enumcolumn"
+            :entity="pageConfig?.entity?.fieldMap" :enum-column="Enumcolumn"
+            :company-filter="props.companyFilter"
+            :company-field-source-id="props.companyFieldSourceId"
+            :smart-paste="canSmartPaste"
           />
           <view v-if="group.type === 'relation'">
             <view v-if="selectData[group.id]?.loading" class="flex justify-center p-3">
               <wd-loading />
             </view>
             <view v-else>
-              <view v-if="!group.readOnly" class="w-upload flex justify-center gap-2">
-                <batchUploadFile
-                  v-if="group.batchAddFileField && group.batchAddFileField.extControlType === 'file'"
-                  @handle-file-change="(e) => { handleFileChange(e, group) }"
-                />
-
-                <wd-button
-                  v-if="group.buttons.includes('selectAdd')" :disabled="canClick(group)" type="info"
-                  size="small" @click="gotoSlect(group)"
-                >
-                  选择
-                </wd-button>
-                <wd-button
-                  v-if="group.buttons.includes('dtmplAdd')" :disabled="canClick(group)" type="info"
-                  size="small" @click="gotoAdd(group)"
-                >
-                  新增
-                </wd-button>
-                <wd-button
-                  v-if="group.buttons.includes('rowAdd')" :disabled="canClick(group)" type="info" size="small"
-                  @click="gotoRowAdd(group)"
-                >
-                  新增
-                </wd-button>
-              </view>
               <view v-for="(field, index) in pageConfig?.entity?.arrayMap[group.id]" :key="field.code">
-                <foldCard
+                <foldCard
                   :index="index" :enum-column="{}" :groups="group" :source-id="sourceId" :columns="group.fields"
-                  model="complex" :data="field"
+                  model="complex" :data="field"
                 >
                   <template v-if="!group.readOnly" #buttons>
                     <wd-button v-if="group.buttons.includes('dtmplEdit')" size="small" @click="edit(group, field)">
@@ -741,9 +764,9 @@ function handleFileChange(e: any, group: Groups) {
                     <wd-button v-if="group.buttons.includes('rowEdit')" size="small" @click="rowEdit(group, field)">
                       编辑
                     </wd-button>
-                    <wd-button
-                      v-if="group.buttons.includes('singleDelete')" type="error" size="small"
-                      @click="remove(group, field)"
+                    <wd-button
+                      v-if="group.buttons.includes('singleDelete')" type="danger" size="small"
+                      @click="remove(group, field)"
                     >
                       删除
                     </wd-button>

package/components/wui-enume-select-control/wui-enume-select-control.vue

@@ -1,30 +1,31 @@
 <script lang="ts" setup>
-import { ref ,defineProps,defineEmits,onMounted,computed} from 'vue'
+import { computed, defineEmits, defineProps, onMounted, ref } from 'vue'
 import { useEnums } from '../../composables/useEnumes'
-import type { Config, Entities, Enums } from '../../type'
-import {pageConfig } from '../../api/page'
+import type { Config } from '../../type'
+import { pageConfig } from '../../api/page'
+
 defineOptions({
   name: 'WuiEnumeSelectControl',
 })
 
 const props = defineProps<{
   sourceId: string
-  id:string
-  label?:string
-  title?:string
-  modelValue:string
-  placeholder?:string
-  disabled?:boolean
-  required?:boolean
-  rules?:any
-  zIndex?:number
-  type:'checkbox'|'radio'
-  labelWidth?:string
+  id: string
+  label?: string
+  title?: string
+  modelValue: string
+  placeholder?: string
+  disabled?: boolean
+  required?: boolean
+  rules?: any
+  zIndex?: number
+  type: 'checkbox' | 'radio'
+  labelWidth?: string
 }>()
-const emits=defineEmits(['update:modelValue'])
+const emits = defineEmits(['update:modelValue'])
 
-const config=ref<Config>()
-const { enumColumn,getEnums }= useEnums({ config })
+const config = ref<Config>()
+const { enumColumn, getEnums } = useEnums({ config })
 async function getPageConfig() {
   try {
     const res = await pageConfig(props.sourceId)
@@ -39,27 +40,28 @@ async function getPageConfig() {
   }
 }
 
-const comEnums=computed(()=>{
-    const mstrucId=config.value?.criterias?.find((item)=>item.sourceId===props.id)?.mstrucId
-  
-    if(mstrucId)return enumColumn.value[mstrucId]?.map((item)=>{
-        return {
-            id:item.id,
-            label:item.title,
-            value:`${item.id}-R-${item.value}`
-        }
+const comEnums = computed(() => {
+  const mstrucId = config.value?.criterias?.find(item => item.sourceId === props.id)?.mstrucId
+
+  if (mstrucId) {
+    return enumColumn.value[mstrucId]?.map((item) => {
+      return {
+        id: item.id,
+        label: item.title,
+        value: `${item.id}-R-${item.value}`,
+      }
     })
+  }
 
-    return []
-    
+  return []
 })
 
-onMounted(()=>{
-    getPageConfig()
+onMounted(() => {
+  getPageConfig()
 })
 
-const confirm=(event:any)=>{
-  emits('update:modelValue',event.value)
+function confirm(event: any) {
+  emits('update:modelValue', event.value)
 }
 </script>
 
@@ -74,5 +76,5 @@ export default {
 </script>
 
 <template>
-  <wd-select-picker :labelWidth="props.labelWidth" :title="props.title" :placeholder="props.placeholder" :disabled="props.disabled" :required="props.required" :rules="props.rules" :zIndex="props.zIndex" :type="$props.type"  :modelValue="modelValue"  :label="props.label" @confirm="confirm" :columns="comEnums"></wd-select-picker>
+  <wd-select-picker :label-width="props.labelWidth" :title="props.title" :placeholder="props.placeholder" :disabled="props.disabled" :required="props.required" :rules="props.rules" :z-index="props.zIndex" :type="$props.type" :model-value="modelValue" :label="props.label" :columns="comEnums" @confirm="confirm" />
 </template>

package/components/wui-list/wui-list.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { defineOptions, defineProps, onMounted, onUnmounted, ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
-import {listData, pageConfig, pageKey } from '../../api/page'
+import { listData, pageConfig, pageKey } from '../../api/page'
 import foldCard from '../fold-card/fold-card.vue'
 import type { Config, Entities } from '../../type'
 import Search from '../search/search.vue'
@@ -10,7 +10,8 @@ import CardBotomButtons from '../card-botom-buttons/card-botom-buttons.vue'
 import { generateHighResolutionID } from '../../utils/index'
 import productCard from '../product-card/product-card.vue'
 import tabSearch from '../tab-search/tab-search.vue'
-import {useEnums} from '../../composables/useEnumes'
+import { useEnums } from '../../composables/useEnumes'
+
 defineOptions({
   name: 'WuiList',
 })
@@ -57,7 +58,7 @@ const config = ref<Config>({
   displayConfig: [],
   showType: 'table',
 })
-const { getEnums, enumColumn} = useEnums({ config })
+const { getEnums, enumColumn } = useEnums({ config })
 const sourceId = ref('')
 const datas = ref<Entities[]>([])
 const pageTitle = ref('')
@@ -174,17 +175,20 @@ function tabSearchClick(data: any) {
   >
     <template #top>
       <slot name="top" />
+      <view class="flex items-center pl-3 bg-white">
+        <ListTopButtons
+          :add-event="addEvent" :main-code="mainCode" :buttons="config.buttons" :source-id="sourceId"
+          :page-title="pageTitle" :page-type="pageType"
+        />
       <Search
         :main-code="mainCode" :enum-column="enumColumn" :criterias="config.criterias"
         :primary-criteria="config.primaryCriteria" :split2-tab-criterias="config.split2TabCriterias"
         @submit="submitSearch"
       />
-      <view>
-        <ListTopButtons
-          :add-event="addEvent" :main-code="mainCode" :buttons="config.buttons" :source-id="sourceId"
-          :page-title="pageTitle" :page-type="pageType"
-        />
       </view>
+
+
+      <!-- 自定义tab搜索 -->
       <view v-if="config.split2TabCriterias">
         <tabSearch :split2-tab-criterias="config.split2TabCriterias" :enums="enumColumn" @click="tabSearchClick" />
       </view>

package/components/wui-login1/wui-login.vue

@@ -26,7 +26,7 @@ console.log(currentThemeColor)
   <view class="h-[calc(100vh-44px)] flex flex-col .dark:bg-[--wot-dark-background9]">
     <view class="position-relative h-390px w-full">
       <image class="h-full w-full" :src="props.loginBackgroundimg" />
-      <view class="position-absolute bottom--40rpx box-border w-full flex justify-center border-rd-t-2 bg-white bg-opacity-20 p-3 backdrop-blur-md .dark:bg-[--wot-dark-background2]">
+      <view class="position-absolute bottom-40rpx box-border w-full flex justify-center border-rd-t-2 bg-white bg-opacity-20 p-3 backdrop-blur-md .dark:bg-[--wot-dark-background2]">
         <image class="mr-1.5 h-66px w-66px border-rd-100" :src="props.loginlog" />
         <text class="mt-3 font-size-22px c-#171819 font-bold .dark:color-white">
           你好，欢迎登录阀门检测