no message

src/i18n/zh-SW/index.ts

@@ -4,10 +4,50 @@
 export default {
 	failed: '执行失败',
 	success: '执行成功',
-	appsuffix: "JVS同业预定系統",
-	lanuage:"系統语言",
+	appsuffix: "JVS同业预定系统",
+	siteName:"同业预定系统",
+	lanuage:"系统语言",
 	loginout:'登录信息失效，请重新登录',
 	timeout:'当前网络环境异常，请求超时',
+	syslog:'系统升級告示',
+	sysmsg:'系统通知',
+	daterange:'请选择检索日期',
+	morequery:'更多筛选项',
+	query:'检索',
+	hotel:{
+		pageTitle:"酒店检索",
+		area:"检索区域",
+		searchName:'酒店名称'
+	},
+	userMenu:{
+		mypro:'个人档案',
+		myfinace:'请求书',
+		fapiao:'索取发票',
+		lang:'系统语言',
+		signOut:'登出'
+	},
+	menu:{
+		hotel:{
+			first:'酒店预定',
+			second:'酒店检索',
+			three:'酒店订单'
+		},
+		car:{
+			first:'车辆预定',
+			second:'车辆预定',
+			three:'用车订单'
+		},
+		ticket:{
+			first:'门票预定',
+			second:'门票检索',
+			three:'门票订单'
+		},
+		finance:{
+			first:'账单',
+			second:'月度请求书',
+			three:'汇款说明'
+		}
+	},
 	login:{
 		notaccess:"沒有同业会员账户？",
 		registlink:"申请注册",
@@ -35,5 +75,21 @@ export default {
 		goback:"返回",
 		mailResult:"邮件件已发送到您的邮箱，请根据邮件提示修改密码",
 		resultBtn:"我已知晓"
+	},
+	newpwd:{
+		pageTitle:"设置新密码",
+		title:"设置新密码",
+		subtitle:"为了您的账户安全，建议您定期修改密码",
+		notaccess:"你已经重置密码了吗？",
+		registlink:"登入",
+		pass:"新密码",
+		passTips:"使用8个或8个以上的字母、数字和符号的組合",
+		passvalidate:"请按照提示要求设置密码",
+		repeatPassvalidate:"两次输入密码不一致",
+		repeatPass:"再次输入密码",
+		notEmptyPass:'新密码最少为8位',
+		maxLengthPass:'密码长度应为8-16位',
+		updateResult:'新密码已经设置成功，可以立即登入',
+		resultBtn:"立即登入"
 	}
 }

src/layouts/MainLayout.vue

@@ -13,8 +13,10 @@
           <div class="rounded-borders header-item q-mr-lg">
             <svg-icon color="grey" icon="design/component.svg" :size="25" :tips="$t('syslog')"></svg-icon>
           </div>
-          <div class="rounded-borders header-item q-mr-lg">
-            <svg-icon color="grey" icon="Communication/Chat6.svg" :size="25" :tips="$t('sysmsg')"></svg-icon>
+          <div class="rounded-borders header-item q-mr-lg" style="position: right;">
+            <div v-if="isDadge" class="header-badge bg-green-4"></div>
+            <svg-icon color="grey" icon="Communication/Chat6.svg" :size="25" :tips="$t('sysmsg')">
+            </svg-icon>
           </div>
           <q-avatar size="40px" rounded class="bg-blue-2 cursor-pointer">
             <img :src="userInfo.photo" v-if="userInfo.photo" />
@@ -54,7 +56,7 @@
 </template>
 
 <script lang="ts">
-import { inject, provide, reactive, ref, toRefs } from 'vue'
+import { inject, provide, reactive, ref, toRefs, onMounted } from 'vue'
 import { getStoreGetter } from '../store/utils'
 import { UserGetter } from '../store/modules/user/getters'
 import svgIcon from '../components/global/svg-icon.vue'
@@ -69,7 +71,10 @@ export default {
     const data = reactive({
       userInfo: {} as any,
       leftDrawerOpen: false,
-      scrollStyle: {} as any
+      scrollStyle: {} as any,
+      timer: 0,
+      isDadge: true,
+      index: 0
     })
     const childPageTitle = ref('')
     provide(DirtionmaryHelper.PAGE_TITLE_KEY ,childPageTitle)
@@ -78,8 +83,20 @@ export default {
     const methods = {
       toggleLeftDrawer() {
         data.leftDrawerOpen = !data.leftDrawerOpen
+      },
+
     }
+    onMounted(()=>{ //组件挂载时的生命周期执行的方法
+      data.timer = setInterval(()=> {
+          // 其他定时执行的方法
+          data.index = data.index + 1
+          if(data.index%2){
+            data.isDadge = false
+          }else{
+            data.isDadge = true
           }
+      }, 1000);
+    })
     return {
       ...toRefs(data),
       ...methods,
@@ -108,4 +125,11 @@ export default {
 .header-item:hover svg g [fill]{
   fill:var(--q-primary) !important;
 }
+.header-badge{
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  position: absolute;
+  margin-top: -40px;
+}
 </style>