Merge branch 'f-dev' into 'main'

pref：优化所有接口为蛇形命名法

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

@@ -7,12 +7,18 @@
 </template>
 
 <script lang="ts" setup>
-  import { ConfigProvider } from 'ant-design-vue';
-  import { AppProvider } from '/@/components/Application';
-  import { useTitle } from '/@/hooks/web/useTitle';
-  import { useLocale } from '/@/locales/useLocale';
-  // support Multi-language
-  const { getAntdLocale } = useLocale();
+import { ConfigProvider } from 'ant-design-vue';
+import { AppProvider } from '/@/components/Application';
+import { useTitle } from '/@/hooks/web/useTitle';
+import { useLocale } from '/@/locales/useLocale';
+// support Multi-language
+const { getAntdLocale } = useLocale();
 
-  useTitle();
+useTitle();
 </script>
+
+<style lang="less">
+/deep/.ant-message-notice-content {
+  max-width: 600px !important;
+}
+</style>
\ No newline at end of file

@@ -9,13 +9,13 @@ import type {
 import { getPageData } from '../../base';
 import { DeviceModel, DeviceQueryParam } from '../../device/model/deviceModel';
 enum API {
-  alarmContact = '/alarmContact',
+  alarmContact = '/alarm_contact',
   updateAlarmContact = '/alarm/profile',
   devicePage = '/device',
   deleteAlarmConfig = '/alarm/profile',
   getAlarmConfig = '/alarm/profile',
   getAlarmConfigStatus = '/alarm/profile',
-  byOrgIdGetAlarmContactApi = '/alarmContact/',
+  byOrgIdGetAlarmContactApi = '/alarm_contact/',
 }
 
 //根据组织id获取对应告警联系人

@@ -8,8 +8,8 @@ import type {
 import { getPageData } from '../../base';
 import { DeviceModel, DeviceQueryParam } from '../../device/model/deviceModel';
 enum API {
-  alarmContact = '/alarmContact',
-  updateAlarmContact = '/alarmContact/update',
+  alarmContact = '/alarm_contact',
+  updateAlarmContact = '/alarm_contact/update',
   devicePage = '/device',
 }
 

@@ -29,7 +29,7 @@ enum DataComponentUrl {
 }
 
 enum DataBoardShareUrl {
-  GET_DATA_COMPONENT = '/noauth/share/dataBoard',
+  GET_DATA_COMPONENT = '/noauth/share/data_board',
 }
 
 enum DeviceUrl {

@@ -8,15 +8,15 @@ enum EDeviceConfigApi {
   /**
    * 设备配置URL
    */
-  DEVICE_CONFIG_GET_PAGE = '/deviceProfile',
-  DEVICE_CONFIG_POST_ADD_OR_EDIT = '/deviceProfile',
-  DEVICE_CONFIG_GET_DETAIL = '/deviceProfile/',
-  DEVICE_CONFIG_DELETE = '/deviceProfile',
-  DEVICE_CONFIG_GET_RULECHAIN = '/rulechain/me/list',
+  DEVICE_CONFIG_GET_PAGE = '/device_profile',
+  DEVICE_CONFIG_POST_ADD_OR_EDIT = '/device_profile',
+  DEVICE_CONFIG_GET_DETAIL = '/device_profile/',
+  DEVICE_CONFIG_DELETE = '/device_profile',
+  DEVICE_CONFIG_GET_RULECHAIN = '/rule_chain/me/list',
   ALARM_CONTACT_GET_PAGE = '/alarmContact',
-  DEVICE_CONFIG_EXPORT = '/deviceProfile/export',
-  DEVICE_CONFIG_IMPORT = '/deviceProfile/import',
-  SET_DEVICE_ISDEFAULT = '/deviceProfile',
+  DEVICE_CONFIG_EXPORT = '/device_profile/export',
+  DEVICE_CONFIG_IMPORT = '/device_profile/import',
+  SET_DEVICE_ISDEFAULT = '/device_profile',
   FRP_API = '/frp/',
 }
 

@@ -14,9 +14,9 @@ enum DeviceManagerApi {
   /**
    * 设备配置URL
    */
-  DEVICE_PROFILE_URL = '/deviceProfile',
+  DEVICE_PROFILE_URL = '/device_profile',
 
-  DEVICE_PROFILE_URL_ME = '/deviceProfile/me/list',
+  DEVICE_PROFILE_URL_ME = '/device_profile/me/list',
 
   DEVICE_ALARM_URL = '/alarm',
 

@@ -6,8 +6,8 @@ import {
 } from '/@/api/message/model/recordsModel';
 
 enum MessageRecordsApi {
-  SMS_RECORDS = '/smsLog',
-  EMAIL_RECORDS = '/mailLog',
+  SMS_RECORDS = '/sms_log',
+  EMAIL_RECORDS = '/mail_log',
 }
 
 /**

@@ -19,14 +19,14 @@ enum MessageTemplateApi {
  */
 export const sendSms = (params: SmsParams) => {
   return defHttp.post<MessageResultModel>({
-    url: MessageTemplateApi.TEMPLATE_URL + '/sendSms',
+    url: MessageTemplateApi.TEMPLATE_URL + '/send_sms',
     params,
   });
 };
 
 export const sendEmail = (params: EmailParams) => {
   return defHttp.post<MessageResultModel>({
-    url: MessageTemplateApi.TEMPLATE_URL + '/sendEmail',
+    url: MessageTemplateApi.TEMPLATE_URL + '/send_email',
     params,
   });
 };

@@ -6,9 +6,9 @@ enum API {
   BaseUploadUrl = '/oss/upload',
   SELECT_PLATFORM = '/platform/get',
   UPDATE_PLATFORM = '/platform/update',
-  SELECT_APP_DESIGN = '/appDesign/get',
-  UPDATE_APP_DESIGN = '/appDesign/update',
-  SELECT_AREALIST = '/area/areaList',
+  SELECT_APP_DESIGN = '/app_design/get',
+  UPDATE_APP_DESIGN = '/app_design/update',
+  SELECT_AREALIST = '/area/list',
 }
 
 // 查询企业信息

@@ -11,13 +11,13 @@ enum ScreenManagerApi {
   /**
    * 场景URL
    */
-  SCREEN_GET_URL = '/sceneLinkage',
-  SCREEN_ADD_URL = '/sceneLinkage',
-  SCREEN_DELETE_URL = '/sceneLinkage',
-  SCREEN_UPDATE_URL = '/sceneLinkage/update',
+  SCREEN_GET_URL = '/scene_linkage',
+  SCREEN_ADD_URL = '/scene_linkage',
+  SCREEN_DELETE_URL = '/scene_linkage',
+  SCREEN_UPDATE_URL = '/scene_linkage/update',
   SCREEN_ORGANIZATION_URL = '/organization/me/list',
   SCREEN_CHANGE_STATUS = '/convert/update/scene',
-  SCREEN_GET_BY_DEPTID = '/sceneLinkage/device/',
+  SCREEN_GET_BY_DEPTID = '/scene_linkage/device/',
   GET_ATTRBUTELIST = '/device/keys',
   ALARM_PROFILE = '/alarm/profile/',
   MASTER_GET_DEVICE = '/device/list/master',

@@ -8,12 +8,12 @@ enum ReportManagerApi {
   PUT_REPORT_API = '/monitor/job/update',
   PUTID_REPORT_API = '/monitor/job',
   RUN_REPORT_API = '/monitor/job/run',
-  JOB_LOG_DETAIL_API = '/monitor/jobLog/get/',
-  JOB_LOG_PAGE_API = '/monitor/jobLog/page',
-  DELETE_LOG_API = '/monitor/jobLog',
-  POST_LOG_CLEAN_API = '/monitor/jobLog/clean',
-  QUERY_CORN_API = '/monitor/job/queryCronExpression/',
-  CHECK_CORN_API = '/monitor/job/checkCron/',
+  JOB_LOG_DETAIL_API = '/monitor/job_log/get/',
+  JOB_LOG_PAGE_API = '/monitor/job_log/page',
+  DELETE_LOG_API = '/monitor/job_log',
+  POST_LOG_CLEAN_API = '/monitor/job_log/clean',
+  QUERY_CORN_API = '/monitor/job/query_cron_expression/',
+  CHECK_CORN_API = '/monitor/job/check_cron/',
 }
 
 //分页
@@ -53,7 +53,7 @@ export const putSchedueConfigManage = (data) => {
 // 修改状态 id status
 export const putSchedueByidAndStatusManage = (id, status) => {
   return defHttp.put<ReportModel>({
-    url: ReportManagerApi.PUTID_REPORT_API + '/changeStatus/' + id + '/' + status,
+    url: ReportManagerApi.PUTID_REPORT_API + '/change_status/' + id + '/' + status,
   });
 };
 //执行一次

@@ -15,10 +15,10 @@ enum NotifyManagerApi {
   NOTICE_ADD_DRAFT_URL = '/notice/save',
   NOTICE_ADD_LEASE_URL = '/notice/send',
   NOTICE_DELETE_URL = '/notice/delete',
-  NOTICE_GET_MYDETAIL_URL = '/noticeUser',
-  NOTICE_GET_PAGE_URL = '/noticeUser/page',
-  NOTICE_GET_READ_URL = '/noticeUser/read',
-  NOTICE_GET_DICT_URL = '/dictItem',
+  NOTICE_GET_MYDETAIL_URL = '/notice_user',
+  NOTICE_GET_PAGE_URL = '/notice_user/page',
+  NOTICE_GET_READ_URL = '/notice_user/read',
+  NOTICE_GET_DICT_URL = '/dict_item',
   NOTICE_GET_DEPT_URL = '/organization/me/organizations',
 }
 

@@ -7,7 +7,7 @@ enum Api {
   BaseMenuUrl = '/menu',
   GetMenuList = '/menu/me/menus',
   SysAdminMenuList = '/admin/me/menus',
-  GetMenuIdsByRoleId = '/menu/getMenuIdsByRoleId/',
+  GetMenuIdsByRoleId = '/menu/get_ids/',
 }
 
 /**

@@ -18,8 +18,8 @@ enum Api {
   GetMyInfo = '/user/me/info',
   GetPermCode = '/role/me/permissions',
   RefreshToken = '/auth/token',
-  SendLoginSmsCode = '/noauth/sendLoginSmsCode/',
-  ResetCode = '/noauth/resetCode/',
+  SendLoginSmsCode = '/noauth/send_login_code/',
+  ResetCode = '/noauth/reset_code/',
   ResetPassword = '/noauth/reset/',
 }
 

@@ -12,7 +12,7 @@ import {
 
 enum SysDictApi {
   CONFIG_URL = '/dict',
-  CONFIG_ITEM_URL = '/dictItem',
+  CONFIG_ITEM_URL = '/dict_item',
 }
 
 /**

@@ -22,13 +22,13 @@ import { defHttp } from '/@/utils/http/axios';
 
 enum Api {
   AccountList = '/user/page',
-  IsAccountExist = '/user/accountExist/',
-  IsPhoneExist = '/user/findUserByPhoneNumber/',
+  IsAccountExist = '/user/account_exist/',
+  IsPhoneExist = '/user/get_user/',
   DeptList = '/dept/all',
-  setRoleStatus = '/role/updateRoleStatus/',
+  setRoleStatus = '/role/update_status/',
   MenuList = '/system/getMenuList',
   RolePageList = '/role',
-  SaveOrUpdateRoleInfoWithMenu = '/role/saveOrUpdateRoleInfoWithMenu',
+  SaveOrUpdateRoleInfoWithMenu = '/role/save_with_menu',
   DeleteRole = '/role',
   GetAllRoleList = '/role/find/list',
   BaseUserUrl = '/user',

@@ -22,15 +22,15 @@ export type OtherParams = {
 enum Api {
   userPage = '/user/page',
   tenantPage = '/admin/tenant/page',
-  saveTenantAdmin = '/user/saveTenantAdmin',
+  saveTenantAdmin = '/user/save_tenant_admin',
   updateOrCreateTenant = '/admin/tenant/updateOrCreateTenant',
   deleteTenant = '/admin/tenant',
-  resetTenantAdminPassword = '/tenant/resetPassword/',
+  resetTenantAdminPassword = '/tenant/reset_password/',
   sendMessageOrEmail = '/tenant/sendRestPasswordMsg',
   deleteTenantAdmin = '/admin/user/deleteTenantAdmin',
   getTenantRoles = '/admin/tenant/roles/',
   postAddTenantProfile = '/tenantProfile',
-  getTenantProfile = '/tenantProfiles',
+  getTenantProfile = '/tenant_profiles',
   deleteTenantProfile = '/tenantProfile',
   setTenantProfile = '/tenantProfile',
 }

@@ -30,7 +30,7 @@
             :actions="[
               {
                 label: '编辑',
-                auth: 'api:yt:alarmContact:update',
+                auth: 'api:yt:alarmContact:update:update',
                 icon: 'clarity:note-edit-line',
                 onClick: handleCreateOrEdit.bind(null, record),
               },

 <template>
-  <div
-    :style="{ backgroundImage: 'url(' + (logoUrl !== undefined ? logoUrl : '') + ')' }"
-    :class="prefixCls"
-    class="relative w-full h-full px-4"
-  >
-    <AppLocalePicker
-      class="absolute text-white top-4 right-4 enter-x xl:text-gray-600"
-      :showText="false"
-      v-if="!sessionTimeout && showLocale"
-    />
+  <div :style="{ backgroundImage: 'url(' + (logoUrl !== undefined ? logoUrl : '') + ')',backgroundSize:'100% 100%;' }"
+    :class="prefixCls" class="relative w-full h-full px-4">
+    <AppLocalePicker class="absolute text-white top-4 right-4 enter-x xl:text-gray-600" :showText="false"
+      v-if="!sessionTimeout && showLocale" />
     <AppDarkModeToggle class="absolute top-3 right-7 enter-x" v-if="!sessionTimeout" />
 
     <span class="-enter-x xl:hidden">
@@ -20,31 +14,20 @@
         <div class="hidden min-h-full pl-4 mr-4 xl:flex xl:flex-col xl:w-6/12">
           <!-- <AppLogo class="-enter-x" /> -->
           <div style="display: flex; margin-top: 10px">
-            <img
-              v-if="defaultLogo || getLogo"
-              :src="defaultLogo || getLogo"
-              style="width: 48px; height: 48px"
-            />
+            <img v-if="defaultLogo || getLogo" :src="defaultLogo || getLogo" style="width: 48px; height: 48px" />
             <img style="width: 48px; height: 48px" v-else src="/src/assets/images/logo.png" />
-            <div
-              class="ml-2 truncate md:opacity-100"
-              style="
+            <div class="ml-2 truncate md:opacity-100" style="
                 line-height: 45px;
                 margin-left: 5px;
                 font-size: 24px;
                 color: #fff;
                 font-weight: 700;
-              "
-            >
+              ">
               {{ defaultTitle || getTitle }}
             </div>
           </div>
           <div v-if="ifCustom" class="my-auto">
-            <img
-              :alt="title"
-              src="../../../assets/svg/thingskit-login-background.svg"
-              class="w-1/2 -mt-16 -enter-x"
-            />
+            <img :alt="title" src="../../../assets/svg/thingskit-login-background.svg" class="w-1/2 -mt-16 -enter-x" />
             <div class="mt-10 font-medium text-white -enter-x">
               <span class="inline-block mt-4 text-3xl"> {{ t('sys.login.signInTitle') }}</span>
             </div>
@@ -54,10 +37,8 @@
           </div>
         </div>
         <div class="flex w-full h-full py-5 xl:h-auto xl:py-0 xl:my-0 xl:w-6/12">
-          <div
-            :class="`${prefixCls}-form`"
-            class="relative w-full px-5 py-8 mx-auto my-auto rounded-md shadow-md xl:ml-16 xl:bg-transparent sm:px-8 xl:p-4 xl:shadow-none sm:w-3/4 lg:w-2/4 xl:w-auto enter-x"
-          >
+          <div :class="`${prefixCls}-form`"
+            class="relative w-full px-5 py-8 mx-auto my-auto rounded-md shadow-md xl:ml-16 xl:bg-transparent sm:px-8 xl:p-4 xl:shadow-none sm:w-3/4 lg:w-2/4 xl:w-auto enter-x">
             <LoginForm />
             <ForgetPasswordForm />
             <RegisterForm />
@@ -69,213 +50,213 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { computed, ref, onMounted } from 'vue';
-  // import { AppLogo } from '/@/components/Application';
-  import { AppLocalePicker, AppDarkModeToggle } from '/@/components/Application';
-  import LoginForm from './LoginForm.vue';
-  import ForgetPasswordForm from './ForgetPasswordForm.vue';
-  import RegisterForm from './RegisterForm.vue';
-  import MobileForm from './MobileForm.vue';
-  import { useGlobSetting } from '/@/hooks/setting';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useLocaleStore } from '/@/store/modules/locale';
-  import { useUserStore } from '/@/store/modules/user';
-  import { getPlatForm } from '/@/api/oem/index';
-
-  defineProps({
-    sessionTimeout: {
-      type: Boolean,
-    },
-  });
-  const defaultTitle = ref('');
-  const defaultLogo = ref('');
-  const logoUrl = ref('');
-  onMounted(async () => {
-    const res = await getPlatForm();
-    logoUrl.value = res?.background;
-    defaultTitle.value = res?.name;
-    defaultLogo.value = res?.logo;
-    if (logoUrl.value !== undefined) {
-      ifCustom.value = false;
-    } else {
-      const defaultLogo = 'src/assets/svg/login-bg.svg';
-      logoUrl.value = 'url(' + defaultLogo + ')';
-    }
-  });
-
-  const userStore = useUserStore();
-
-  const ifCustom = ref(true);
-  const getLogo = computed(() => {
-    return userStore.platInfo?.logo;
-  });
-  const { title } = useGlobSetting();
-  const getTitle = computed(() => {
-    // 设置icon
-    let link = (document.querySelector("link[rel*='icon']") ||
-      document.createElement('link')) as HTMLLinkElement;
-    link.type = 'image/x-icon';
-    link.rel = 'shortcut icon';
-    link.href = userStore.platInfo?.icon ?? '/favicon.ico';
-    document.getElementsByTagName('head')[0].appendChild(link);
-    logoUrl.value = userStore.platInfo?.background;
-    if (logoUrl.value !== undefined) {
-      ifCustom.value = false;
-    } else {
-      const defaultLogo = 'src/assets/svg/login-bg.svg';
-      logoUrl.value = 'url(' + defaultLogo + ')';
-    }
-    return userStore.platInfo?.name ?? title;
-  });
-  // const globSetting = useGlobSetting();
-  const { prefixCls } = useDesign('login');
-  const { t } = useI18n();
-  const localeStore = useLocaleStore();
-  const showLocale = localeStore.getShowPicker;
+import { computed, ref, onMounted } from 'vue';
+// import { AppLogo } from '/@/components/Application';
+import { AppLocalePicker, AppDarkModeToggle } from '/@/components/Application';
+import LoginForm from './LoginForm.vue';
+import ForgetPasswordForm from './ForgetPasswordForm.vue';
+import RegisterForm from './RegisterForm.vue';
+import MobileForm from './MobileForm.vue';
+import { useGlobSetting } from '/@/hooks/setting';
+import { useI18n } from '/@/hooks/web/useI18n';
+import { useDesign } from '/@/hooks/web/useDesign';
+import { useLocaleStore } from '/@/store/modules/locale';
+import { useUserStore } from '/@/store/modules/user';
+import { getPlatForm } from '/@/api/oem/index';
+
+defineProps({
+  sessionTimeout: {
+    type: Boolean,
+  },
+});
+const defaultTitle = ref('');
+const defaultLogo = ref('');
+const logoUrl = ref('');
+onMounted(async () => {
+  const res = await getPlatForm();
+  logoUrl.value = res?.background;
+  defaultTitle.value = res?.name;
+  defaultLogo.value = res?.logo;
+  if (logoUrl.value !== undefined) {
+    ifCustom.value = false;
+  } else {
+    const defaultLogo = 'src/assets/svg/login-bg.svg';
+    logoUrl.value = 'url(' + defaultLogo + ')';
+  }
+});
+
+const userStore = useUserStore();
+
+const ifCustom = ref(true);
+const getLogo = computed(() => {
+  return userStore.platInfo?.logo;
+});
+const { title } = useGlobSetting();
+const getTitle = computed(() => {
+  // 设置icon
+  let link = (document.querySelector("link[rel*='icon']") ||
+    document.createElement('link')) as HTMLLinkElement;
+  link.type = 'image/x-icon';
+  link.rel = 'shortcut icon';
+  link.href = userStore.platInfo?.icon ?? '/favicon.ico';
+  document.getElementsByTagName('head')[0].appendChild(link);
+  logoUrl.value = userStore.platInfo?.background;
+  if (logoUrl.value !== undefined) {
+    ifCustom.value = false;
+  } else {
+    const defaultLogo = 'src/assets/svg/login-bg.svg';
+    logoUrl.value = 'url(' + defaultLogo + ')';
+  }
+  return userStore.platInfo?.name ?? title;
+});
+// const globSetting = useGlobSetting();
+const { prefixCls } = useDesign('login');
+const { t } = useI18n();
+const localeStore = useLocaleStore();
+const showLocale = localeStore.getShowPicker;
   // const title = computed(() => globSetting?.title ?? '');
 </script>
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-login';
-  @logo-prefix-cls: ~'@{namespace}-app-logo';
-  @countdown-prefix-cls: ~'@{namespace}-countdown-input';
-  @dark-bg: #293146;
+@prefix-cls: ~'@{namespace}-login';
+@logo-prefix-cls: ~'@{namespace}-app-logo';
+@countdown-prefix-cls: ~'@{namespace}-countdown-input';
+@dark-bg: #293146;
 
-  html[data-theme='dark'] {
-    .@{prefix-cls} {
-      background-color: @dark-bg;
+html[data-theme='dark'] {
+  .@{prefix-cls} {
+    background-color: @dark-bg;
 
-      &::before {
-        background-image: url(/@/assets/svg/login-bg-dark.svg);
-      }
+    &::before {
+      background-image: url(/@/assets/svg/login-bg-dark.svg);
+    }
 
-      .ant-input,
-      .ant-input-password {
-        background-color: #232a3b;
-      }
+    .ant-input,
+    .ant-input-password {
+      background-color: #232a3b;
+    }
 
-      .ant-btn:not(.ant-btn-link):not(.ant-btn-primary) {
-        border: 1px solid #4a5569;
-      }
+    .ant-btn:not(.ant-btn-link):not(.ant-btn-primary) {
+      border: 1px solid #4a5569;
+    }
 
-      &-form {
-        background: transparent !important;
-      }
+    &-form {
+      background: transparent !important;
+    }
 
-      .app-iconify {
-        color: #fff;
-      }
+    .app-iconify {
+      color: #fff;
     }
+  }
 
-    input.fix-auto-fill,
-    .fix-auto-fill input {
-      -webkit-text-fill-color: #c9d1d9 !important;
-      box-shadow: inherit !important;
+  input.fix-auto-fill,
+  .fix-auto-fill input {
+    -webkit-text-fill-color: #c9d1d9 !important;
+    box-shadow: inherit !important;
+  }
+}
+
+.@{prefix-cls} {
+  min-height: 100%;
+  overflow: hidden;
+
+  @media (max-width: @screen-xl) {
+    background-color: #293146;
+
+    .@{prefix-cls}-form {
+      background-color: #fff;
     }
   }
 
-  .@{prefix-cls} {
-    min-height: 100%;
-    overflow: hidden;
+  &::before {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    margin-left: -48%;
+    background-image: v-bind(logoUrl);
+    // background-image: url(/@/assets/svg/login-bg.svg);
+    background-position: 100%;
+    background-repeat: no-repeat;
+    background-size: auto 100%;
+    content: '';
 
     @media (max-width: @screen-xl) {
-      background-color: #293146;
+      display: none;
+    }
+  }
 
-      .@{prefix-cls}-form {
-        background-color: #fff;
-      }
+  .@{logo-prefix-cls} {
+    position: absolute;
+    top: 12px;
+    height: 30px;
+
+    &__title {
+      font-size: 16px;
+      color: #fff;
     }
 
-    &::before {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      margin-left: -48%;
-      background-image: v-bind(logoUrl);
-      // background-image: url(/@/assets/svg/login-bg.svg);
-      background-position: 100%;
-      background-repeat: no-repeat;
-      background-size: auto 100%;
-      content: '';
-
-      @media (max-width: @screen-xl) {
-        display: none;
-      }
+    img {
+      width: 32px;
     }
+  }
 
+  .container {
     .@{logo-prefix-cls} {
-      position: absolute;
-      top: 12px;
-      height: 30px;
+      display: flex;
+      width: 60%;
+      height: 80px;
 
       &__title {
-        font-size: 16px;
+        font-size: 24px;
         color: #fff;
       }
 
       img {
-        width: 32px;
+        width: 48px;
       }
     }
+  }
 
-    .container {
-      .@{logo-prefix-cls} {
-        display: flex;
-        width: 60%;
-        height: 80px;
-
-        &__title {
-          font-size: 24px;
-          color: #fff;
-        }
+  &-sign-in-way {
+    .anticon {
+      font-size: 22px;
+      color: #888;
+      cursor: pointer;
 
-        img {
-          width: 48px;
-        }
+      &:hover {
+        color: @primary-color;
       }
     }
+  }
 
-    &-sign-in-way {
-      .anticon {
-        font-size: 22px;
-        color: #888;
-        cursor: pointer;
+  input:not([type='checkbox']) {
+    min-width: 360px;
 
-        &:hover {
-          color: @primary-color;
-        }
-      }
+    @media (max-width: @screen-xl) {
+      min-width: 320px;
     }
 
-    input:not([type='checkbox']) {
-      min-width: 360px;
-
-      @media (max-width: @screen-xl) {
-        min-width: 320px;
-      }
-
-      @media (max-width: @screen-lg) {
-        min-width: 260px;
-      }
-
-      @media (max-width: @screen-md) {
-        min-width: 240px;
-      }
-
-      @media (max-width: @screen-sm) {
-        min-width: 160px;
-      }
+    @media (max-width: @screen-lg) {
+      min-width: 260px;
     }
 
-    .@{countdown-prefix-cls} input {
-      min-width: unset;
+    @media (max-width: @screen-md) {
+      min-width: 240px;
     }
 
-    .ant-divider-inner-text {
-      font-size: 12px;
-      color: @text-color-secondary;
+    @media (max-width: @screen-sm) {
+      min-width: 160px;
     }
   }
+
+  .@{countdown-prefix-cls} input {
+    min-width: unset;
+  }
+
+  .ant-divider-inner-text {
+    font-size: 12px;
+    color: @text-color-secondary;
+  }
+}
 </style>