Merge branch 'sqy_dev' into 'main'

'fix:角色菜单调整,fix:修复平台logo刷新后丢失,主页修改'

See merge request huang/yun-teng-iot-front!145

@@ -2,7 +2,7 @@
 VITE_PORT = 8083
 VITE_PORT = 8083
 
 
 # spa-title
 # spa-title
-VITE_GLOB_APP_TITLE = Yunteng IOT
+VITE_GLOB_APP_TITLE = Things Kit
 
 
 # spa shortname
 # spa shortname
 # VITE_GLOB_APP_SHORT_NAME = Yunteng IOT
 # VITE_GLOB_APP_SHORT_NAME = Yunteng IOT

@@ -44,7 +44,7 @@ export const useUserStore = defineStore({
   id: 'app-user',
   id: 'app-user',
   state: (): UserState => ({
   state: (): UserState => ({
     //平台信息
     //平台信息
-    platInfo: storage.get('platInfo') || null,
+    platInfo: storage.get('platformInfo') || null,
     enterPriseInfo: storage.get('enterPriseInfo') || null,
     enterPriseInfo: storage.get('enterPriseInfo') || null,
     // user info
     // user info
     userInfo: null,
     userInfo: null,

@@ -3,7 +3,7 @@
     <Card size="small" class="md:w-1/3 w-full !md:mt-0 !mt-4 !md:mr-4" style="color: #666">
     <Card size="small" class="md:w-1/3 w-full !md:mt-0 !mt-4 !md:mr-4" style="color: #666">
       <div class="flex" style="height: 100px">
       <div class="flex" style="height: 100px">
         <div class="mr-4"
         <div class="mr-4"
-          ><img src="/src/assets/svg/device-num.svg" style="width: 5.625rem; height: 5.625rem"
+          ><img src="/src/assets/images/device-count.png" style="width: 5.625rem; height: 5.625rem"
         /></div>
         /></div>
         <div class="flex-auto">
         <div class="flex-auto">
           <div class="flex justify-between" style="align-items: center">
           <div class="flex justify-between" style="align-items: center">
@@ -17,31 +17,36 @@
             <img src="/src/assets/images/tip.png" style="width: 1.125rem; height: 1.125rem" />
             <img src="/src/assets/images/tip.png" style="width: 1.125rem; height: 1.125rem" />
           </div>
           </div>
           <div> 设备数(个) </div>
           <div> 设备数(个) </div>
+          <div class="flex" style="align-items: center">
+            <div class="mr-2"
+              >在线
+              <span style="color: #41b883">{{ growCardList?.deviceInfo?.onLine ?? 0 }}</span></div
+            >
+            <div class="mr-2">
+              离线
+              <span style="color: #f5222d">{{ growCardList?.deviceInfo?.offLine ?? 0 }} </span></div
+            >
+
+            <div>
+              未激活
+              <span style="color: #fa8c16">{{ growCardList?.deviceInfo?.inActive ?? 0 }}</span>
+            </div>
+          </div>
         </div>
         </div>
       </div>
       </div>
       <div class="ml-2 pt-4" style="border-top: 2px solid #f0f2f5">
       <div class="ml-2 pt-4" style="border-top: 2px solid #f0f2f5">
-        <div class="flex" style="align-items: center">
-          <span class="mr-2">在线{{ growCardList?.deviceInfo?.onLine }}</span>
-
-          <span class="mr-2"> 离线{{ growCardList?.deviceInfo?.offLine }} </span>
-
-          <span> 未激活{{ growCardList?.deviceInfo?.inActive }} </span>
-        </div></div
-      >
+        今日新增 {{ toThousands(growCardList?.deviceInfo?.todayAdd) }}
+      </div>
     </Card>
     </Card>
     <Card size="small" class="md:w-1/3 w-full !md:mt-0 !mt-4 !md:mr-4" style="color: #666">
     <Card size="small" class="md:w-1/3 w-full !md:mt-0 !mt-4 !md:mr-4" style="color: #666">
       <div class="flex" style="height: 100px">
       <div class="flex" style="height: 100px">
         <div class="mr-4">
         <div class="mr-4">
           <img
           <img
             v-if="!isAdmin(role)"
             v-if="!isAdmin(role)"
-            src="/src/assets/svg/alarm-num.svg"
-            style="width: 5.625rem; height: 5.625rem"
-          />
-          <img
-            v-else
-            src="/src/assets/svg/tenant-num.svg"
+            src="/src/assets/images/alarm-count.png"
             style="width: 5.625rem; height: 5.625rem"
             style="width: 5.625rem; height: 5.625rem"
           />
           />
+          <img v-else src="/src/assets/images/zh.png" style="width: 5.625rem; height: 5.625rem" />
         </div>
         </div>
         <div class="flex-auto">
         <div class="flex-auto">
           <div class="flex justify-between" style="align-items: center">
           <div class="flex justify-between" style="align-items: center">
@@ -61,7 +66,7 @@
             </div>
             </div>
             <img src="/src/assets/images/tip.png" style="width: 1.125rem; height: 1.125rem" />
             <img src="/src/assets/images/tip.png" style="width: 1.125rem; height: 1.125rem" />
           </div>
           </div>
-          <div> {{ !isAdmin(role) ? `告警数（条）` : '租户总量(个)' }}</div>
+          <div> {{ !isAdmin(role) ? `告警数(条)` : '租户总量(个)' }}</div>
         </div>
         </div>
       </div>
       </div>
       <div v-if="!isAdmin(role)" class="ml-2 pt-4" style="border-top: 2px solid #f0f2f5">
       <div v-if="!isAdmin(role)" class="ml-2 pt-4" style="border-top: 2px solid #f0f2f5">
@@ -76,13 +81,9 @@
         <div class="mr-4"
         <div class="mr-4"
           ><img
           ><img
             v-if="!isAdmin(role)"
             v-if="!isAdmin(role)"
-            src="/src/assets/svg/msg-num.svg"
-            style="width: 5.625rem; height: 5.625rem"
-          /><img
-            v-else
-            src="/src/assets/svg/custom-num.svg"
+            src="/src/assets/images/msg-count.png"
             style="width: 5.625rem; height: 5.625rem"
             style="width: 5.625rem; height: 5.625rem"
-          />
+          /><img v-else src="/src/assets/images/kf.png" style="width: 5.625rem; height: 5.625rem" />
         </div>
         </div>
         <div v-if="!isAdmin(role)" style="display: flex; align-items: center">
         <div v-if="!isAdmin(role)" style="display: flex; align-items: center">
           <div>
           <div>
@@ -94,7 +95,7 @@
                 />
                 />
                 <CountTo v-else :end-val="0" />
                 <CountTo v-else :end-val="0" />
               </div>
               </div>
-              消息量（条）
+              消息量(条)
             </div>
             </div>
             <div>
             <div>
               <span class="mr-2">数据点</span>
               <span class="mr-2">数据点</span>

@@ -48,9 +48,9 @@
         </template>
         </template>
         <CardMeta>
         <CardMeta>
           <template #description>
           <template #description>
-            <p>联系人: {{ getContacts }}</p>
-            <p>联系电话: {{ getTel }}</p>
-            <p>联系地址: {{ getAddress }} </p>
+            <p v-if="getContacts">联系人: {{ getContacts }}</p>
+            <p v-if="getTel">联系电话: {{ getTel }}</p>
+            <p v-if="getAddress">联系地址: {{ getAddress }} </p>
           </template>
           </template>
         </CardMeta>
         </CardMeta>
       </Card>
       </Card>

@@ -86,11 +86,12 @@
 
 
   const { setLoginState, getLoginState } = useLoginState();
   const { setLoginState, getLoginState } = useLoginState();
   const { getFormRules } = useFormRules();
   const { getFormRules } = useFormRules();
+  const storage = createLocalStorage();
 
 
   const formRef = ref();
   const formRef = ref();
   const loading = ref(false);
   const loading = ref(false);
   const rememberMe = ref(false);
   const rememberMe = ref(false);
-  const userInfo = JSON.parse(localStorage.getItem('userInfo'));
+  const userInfo = storage.get('userInfo');
   const formData = reactive({
   const formData = reactive({
     account: userInfo?.account ?? '',
     account: userInfo?.account ?? '',
     password: userInfo?.password ?? '',
     password: userInfo?.password ?? '',
@@ -99,14 +100,13 @@
   const { validForm } = useFormValid(formRef);
   const { validForm } = useFormValid(formRef);
 
 
   const getShow = computed(() => unref(getLoginState) === LoginStateEnum.LOGIN);
   const getShow = computed(() => unref(getLoginState) === LoginStateEnum.LOGIN);
-  const storage = createLocalStorage();
   async function handleLogin() {
   async function handleLogin() {
     const data = await validForm();
     const data = await validForm();
     if (!data) return;
     if (!data) return;
     if (unref(rememberMe)) {
     if (unref(rememberMe)) {
-      localStorage.setItem('userInfo', JSON.stringify(formData));
+      storage.set('userInfo', formData);
     } else {
     } else {
-      localStorage.setItem('userInfo', null);
+      storage.set('userInfo', null);
     }
     }
     try {
     try {
       loading.value = true;
       loading.value = true;

@@ -4,6 +4,7 @@
       title="第一次使用请修改当前用户密码，待修改完成后退出登录，才能使用本系统!"
       title="第一次使用请修改当前用户密码，待修改完成后退出登录，才能使用本系统!"
       content="修改成功后会自动退出当前登录！"
       content="修改成功后会自动退出当前登录！"
       class="p-4"
       class="p-4"
+      :contentStyle="{ margin: '16px 0 ' }"
     >
     >
       <div class="py-8 bg-white flex flex-col justify-center items-center">
       <div class="py-8 bg-white flex flex-col justify-center items-center">
         <BasicForm @register="register" />
         <BasicForm @register="register" />

@@ -224,7 +224,7 @@
         // 保存store
         // 保存store
         userStore.setPlatInfo(newFieldValue);
         userStore.setPlatInfo(newFieldValue);
         // 保存本地缓存
         // 保存本地缓存
-        storage.set('platInfo', newFieldValue);
+        storage.set('platformInfo', newFieldValue);
       }
       }
 
 
       onMounted(async () => {
       onMounted(async () => {

@@ -301,7 +301,6 @@
           setFieldsValue({ nameCountry: codeCountry });
           setFieldsValue({ nameCountry: codeCountry });
         }
         }
         setFieldsValue(res);
         setFieldsValue(res);
-        console.log(res);
         qrcodePic.value = res.qrCode;
         qrcodePic.value = res.qrCode;
       });
       });
 
 

@@ -26,7 +26,7 @@
   </BasicDrawer>
   </BasicDrawer>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-  import { defineComponent, ref, computed, unref, watch } from 'vue';
+  import { defineComponent, ref, computed, unref } from 'vue';
   import { BasicForm, useForm } from '/@/components/Form/index';
   import { BasicForm, useForm } from '/@/components/Form/index';
   import { formSchema } from './role.data';
   import { formSchema } from './role.data';
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
@@ -54,9 +54,6 @@
         schemas: formSchema,
         schemas: formSchema,
         showActionButtonGroup: false,
         showActionButtonGroup: false,
       });
       });
-      watch(roleMenus, (newValue) => {
-        console.log(newValue);
-      });
 
 
       // 递归函数，将RouteItem里面的字段换名称
       // 递归函数，将RouteItem里面的字段换名称
       function processChildren(items: RouteItem[]) {
       function processChildren(items: RouteItem[]) {
@@ -79,7 +76,7 @@
         arr.splice(index, 1);
         arr.splice(index, 1);
         return arr;
         return arr;
       }
       }
-
+      const originMenus = ref();
       const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
       const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
         resetFields();
         resetFields();
         roleId.value = '';
         roleId.value = '';
@@ -95,6 +92,7 @@
         if (unref(isUpdate)) {
         if (unref(isUpdate)) {
           //通过角色id去获取角色对应的菜单的ids
           //通过角色id去获取角色对应的菜单的ids
           roleMenus.value = await getMenusIdsByRoleId(data.record.id);
           roleMenus.value = await getMenusIdsByRoleId(data.record.id);
+          originMenus.value = [...roleMenus.value];
           for (let m of treeData.value) {
           for (let m of treeData.value) {
             for (let m1 of roleMenus.value) {
             for (let m1 of roleMenus.value) {
               // 利用continue特性优化一下性能
               // 利用continue特性优化一下性能
@@ -103,6 +101,7 @@
             }
             }
           }
           }
           treeRef.value.setCheckedKeys(roleMenus.value);
           treeRef.value.setCheckedKeys(roleMenus.value);
+          console.log(originMenus.value);
           roleId.value = data.record.id;
           roleId.value = data.record.id;
           setFieldsValue(data.record);
           setFieldsValue(data.record);
         }
         }
@@ -119,7 +118,7 @@
             name: values.name,
             name: values.name,
             remark: values.remark,
             remark: values.remark,
             status: values.status,
             status: values.status,
-            menu: allCheckedKeys.value.length ? allCheckedKeys.value : roleMenus.value,
+            menu: allCheckedKeys.value.length ? allCheckedKeys.value : originMenus.value,
           };
           };
           saveOrUpdateRoleInfoWithMenu(req).then(() => {
           saveOrUpdateRoleInfoWithMenu(req).then(() => {
             closeDrawer();
             closeDrawer();

@@ -78,7 +78,7 @@
         arr.splice(index, 1);
         arr.splice(index, 1);
         return arr;
         return arr;
       }
       }
-
+      const originMenus = ref();
       const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
       const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
         resetFields();
         resetFields();
         roleId.value = '';
         roleId.value = '';
@@ -94,6 +94,7 @@
         if (unref(isUpdate)) {
         if (unref(isUpdate)) {
           //通过角色id去获取角色对应的菜单的ids
           //通过角色id去获取角色对应的菜单的ids
           roleMenus.value = await getMenusIdsByRoleId(data.record.id);
           roleMenus.value = await getMenusIdsByRoleId(data.record.id);
+          originMenus.value = [...roleMenus.value];
           for (let m of treeData.value) {
           for (let m of treeData.value) {
             for (let m1 of roleMenus.value) {
             for (let m1 of roleMenus.value) {
               // 利用continue特性优化一下性能
               // 利用continue特性优化一下性能
@@ -118,7 +119,7 @@
             remark: values.remark,
             remark: values.remark,
             status: values.status,
             status: values.status,
             roleType: RoleEnum.TENANT_ADMIN,
             roleType: RoleEnum.TENANT_ADMIN,
-            menu: allCheckedKeys.value.length ? allCheckedKeys.value : roleMenus.value,
+            menu: allCheckedKeys.value.length ? allCheckedKeys.value : originMenus.value,
           };
           };
           await saveOrUpdateRoleInfoWithMenu(req);
           await saveOrUpdateRoleInfoWithMenu(req);
           closeDrawer();
           closeDrawer();