'oem，首页，登录页逻辑界面修改'

@@ -5,4 +5,4 @@ VITE_PORT = 8083
 VITE_GLOB_APP_TITLE = Yunteng IOT
 
 # spa shortname
-VITE_GLOB_APP_SHORT_NAME = Yunteng IOT
+# VITE_GLOB_APP_SHORT_NAME = Yunteng IOT

+import { defHttp } from '/@/utils/http/axios';
+
+export const getDeviceProfile = () => {
+  return defHttp.get({
+    url: '/deviceProfile/me',
+  });
+};

@@ -90,3 +90,8 @@ export const updateAppDesign = (data) => {
     data,
   });
 };
+
+// 二维码上传
+export const qrcodeUpload = (file) => {
+  return defHttp.post<FileUploadResponse>({ url: API.BaseUploadUrl, params: file });
+};

@@ -32,7 +32,6 @@ export function loginApi(params: LoginParams, mode: ErrorMessageMode = 'modal')
     },
     {
       errorMessageMode: mode,
-      joinPrefix: false,
     }
   );
 }

@@ -6,9 +6,14 @@
 <template>
   <div class="anticon" :class="getAppLogoClass" @click="goHome">
     <img :src="getLogo" />
-    <div class="ml-2 md:opacity-100" :class="getTitleClass" v-show="showTitle">
+    <span
+      class="ml-2 md:opacity-100"
+      :class="getTitleClass"
+      v-show="showTitle"
+      style="white-space: nowrap"
+    >
       {{ getTitle }}
-    </div>
+    </span>
   </div>
 </template>
 <script lang="ts" setup>
@@ -56,15 +61,21 @@
     go(userStore.getUserInfo.homePath || PageEnum.BASE_HOME);
   }
   const getLogo = computed(() => {
-    return userStore.platInfo.logo ?? '/src/assets/images/logo.png';
+    return userStore.platInfo?.logo ?? '/src/assets/images/logo.png';
   });
   const getTitle = computed(() => {
-    return userStore.platInfo.name ?? title;
+    // 设置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 ?? '/public/favicon.ico';
+    document.getElementsByTagName('head')[0].appendChild(link);
+    return userStore.platInfo?.name ?? title;
   });
 </script>
 <style lang="less" scoped>
   @prefix-cls: ~'@{namespace}-app-logo';
-
   .@{prefix-cls} {
     display: flex;
     align-items: center;

@@ -28,6 +28,7 @@ import { PAGE_NOT_FOUND_ROUTE } from '/@/router/routes/basic';
 import { createLocalStorage } from '/@/utils/cache/index';
 interface UserState {
   platInfo: any;
+  enterPriseInfo: any;
   userInfo: Nullable<UserInfo>;
   token?: string;
   roleList: RoleEnum[];
@@ -37,11 +38,13 @@ interface UserState {
   refreshToken?: string;
 }
 
+const storage = createLocalStorage();
 export const useUserStore = defineStore({
   id: 'app-user',
   state: (): UserState => ({
     //平台信息
-    platInfo: createLocalStorage().get('platformInfo') || null,
+    platInfo: storage.get('platInfo') || null,
+    enterPriseInfo: storage.get('enterPriseInfo') || null,
     // user info
     userInfo: null,
     // token
@@ -58,7 +61,7 @@ export const useUserStore = defineStore({
 
   getters: {
     getPlatInfo(): any {
-      return this.platInfo || getAuthCache('platInfo');
+      return this.platInfo;
     },
     getUserInfo(): UserInfo {
       return this.userInfo || getAuthCache<UserInfo>(USER_INFO_KEY) || {};
@@ -83,6 +86,9 @@ export const useUserStore = defineStore({
     setPlatInfo(platInfo: any) {
       this.platInfo = platInfo;
     },
+    setEnterPriseInfo(enterPriseInfo: any) {
+      this.enterPriseInfo = enterPriseInfo;
+    },
     storeToken(jwtToken: string, refreshToken: string) {
       this.jwtToken = jwtToken;
       this.refreshToken = refreshToken;

-import { BasicColumn } from '/@/components/Table';
-
-import { FormSchema } from '/@/components/Table';
+import type { BasicColumn } from '/@/components/Table';
+import type { FormSchema } from '/@/components/Table';
+import { getOrganizationList } from '/@/api/system/system';
+import { copyTransFun } from '/@/utils/fnUtils';
+import { getDeviceProfile } from '/@/api/alarm/position';
 export const formSchema: FormSchema[] = [
   {
-    field: 'organization',
+    field: 'organizationId',
     label: '',
-    component: 'TreeSelect',
+    component: 'ApiTreeSelect',
     componentProps: {
-      placeholder: '请选择组织',
+      api: async () => {
+        const data = await getOrganizationList();
+        copyTransFun(data as any as any[]);
+        return data;
+      },
     },
   },
   {
-    field: 'organization',
+    field: 'profileId',
     label: '',
-    component: 'Select',
+    component: 'ApiSelect',
     componentProps: {
+      api: getDeviceProfile,
       placeholder: '请选择设备配置',
+      labelField: 'name',
+      valueField: 'id',
     },
   },
   {
-    field: 'device',
+    field: 'name',
     label: '',
     component: 'Input',
     componentProps: {
@@ -27,19 +36,28 @@ export const formSchema: FormSchema[] = [
     },
   },
   {
-    field: 'status',
+    field: 'deviceState',
     label: '',
     component: 'RadioGroup',
     componentProps: {
       size: 'small',
       options: [
-        { label: '全部', value: 'Apple' },
-        { label: '离线', value: 'Pear' },
-        { label: '在线', value: 'Orange' },
+        { label: '待激活', value: 'INACTIVE' },
+        { label: '在线', value: 'ONLINE' },
+        { label: '离线', value: 'OFFLINE' },
         { label: '报警', value: 'hhh' },
       ],
     },
   },
+  {
+    field: 'alarmStatus',
+    label: '',
+    component: 'RadioGroup',
+    componentProps: {
+      size: 'small',
+      options: [{ label: '是否报警', value: '' }],
+    },
+  },
 ];
 
 export const columns: BasicColumn[] = [
@@ -57,5 +75,6 @@ export const columns: BasicColumn[] = [
     title: '状态',
     dataIndex: 'deviceState',
     width: 100,
+    slots: { customRender: 'deviceState' },
   },
 ];

@@ -2,7 +2,28 @@
   <div class="wrapper">
     <div ref="wrapRef" :style="{ height, width }"> </div>
     <div class="right-wrap">
-      <BasicTable @register="registerTable" />
+      <BasicTable @register="registerTable">
+        <template #deviceState="{ record }">
+          <Tag
+            :color="
+              record.deviceState == DeviceState.INACTIVE
+                ? 'warning'
+                : record.deviceState == DeviceState.ONLINE
+                ? 'success'
+                : 'error'
+            "
+            class="ml-2"
+          >
+            {{
+              record.deviceState == DeviceState.INACTIVE
+                ? '待激活'
+                : record.deviceState == DeviceState.ONLINE
+                ? '在线'
+                : '离线'
+            }}
+          </Tag>
+        </template></BasicTable
+      >
     </div>
   </div>
 </template>
@@ -12,11 +33,13 @@
   import { formSchema, columns } from './config.data';
   import { BasicTable, useTable } from '/@/components/Table';
   import { devicePage } from '/@/api/alarm/contact/alarmContact';
-
+  import { Tag } from 'ant-design-vue';
+  import { DeviceState } from '/@/api/device/model/deviceModel';
   export default defineComponent({
     name: 'BaiduMap',
     components: {
       BasicTable,
+      Tag,
     },
     props: {
       width: {
@@ -55,8 +78,6 @@
         formConfig: {
           labelWidth: 120,
           schemas: formSchema,
-          showAdvancedButton: false,
-          showActionButtonGroup: false,
         },
         showIndexColumn: false,
         useSearchForm: true,
@@ -68,6 +89,7 @@
         wrapRef,
         registerTable,
         handleSuccess,
+        DeviceState,
       };
     },
   });
@@ -83,12 +105,10 @@
   .right-wrap {
     padding-top: 10px;
     width: 22%;
-    height: 80%;
+    height: 95%;
     position: absolute;
     right: 5%;
-    top: 10%;
-  }
-  .scroll-wrap {
-    height: 450px;
+    top: 3%;
+    background-color: #fff;
   }
 </style>

@@ -132,10 +132,6 @@ export const formSchema: FormSchema[] = [
     field: 'id',
     label: '',
     component: 'Input',
-    componentProps: {
-      style: {
-        display: 'none',
-      },
-    },
+    show: false,
   },
 ];

@@ -34,13 +34,13 @@
     </Card>
     <Card hoverable title="联系我们" :bordered="false">
       <template #cover>
-        <QrCode :value="qrCodeUrl" class="flex justify-center" />
+        <img :src="getQrCode" alt="" style="width: 150px; height: 150px; margin: 50px auto" />
       </template>
       <CardMeta>
         <template #description>
-          <p>联系人: 张三</p>
-          <p>联系电话: 15912341234</p>
-          <p>联系地址: 四川省成都市剑南大道北段中1533号 </p>
+          <p>联系人: {{ getContacts }}</p>
+          <p>联系电话: {{ getTel }}</p>
+          <p>联系地址: {{ getAddress }} </p>
         </template>
       </CardMeta>
     </Card>
@@ -48,9 +48,10 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref, computed, onMounted } from 'vue';
   import { Card, AnchorLink, List, ListItem, ListItemMeta, Avatar, CardMeta } from 'ant-design-vue';
-  import { QrCode } from '/@/components/Qrcode/index';
+  import { useUserStore } from '/@/store/modules/user';
+  import { getEnterPriseDetail } from '/@/api/oem';
   export default defineComponent({
     components: {
       Card,
@@ -60,9 +61,12 @@
       ListItemMeta,
       Avatar,
       CardMeta,
-      QrCode,
     },
     setup() {
+      onMounted(async () => {
+        const res = await getEnterPriseDetail();
+        userStore.setEnterPriseInfo(res);
+      });
       const helpDoc = ref([
         {
           title: '如何接入设备?',
@@ -137,7 +141,19 @@
         },
       ];
 
-      const qrCodeUrl = 'https://www.vvbin.cn';
+      const userStore = useUserStore();
+      const getContacts = computed(() => {
+        return userStore.enterPriseInfo?.contacts;
+      });
+      const getAddress = computed(() => {
+        return userStore.enterPriseInfo?.address;
+      });
+      const getTel = computed(() => {
+        return userStore.enterPriseInfo?.tel;
+      });
+      const getQrCode = computed(() => {
+        return userStore.enterPriseInfo?.qrCode;
+      });
 
       return {
         activeKey,
@@ -145,7 +161,10 @@
         onTabChange,
         data,
         helpDoc,
-        qrCodeUrl,
+        getQrCode,
+        getContacts,
+        getAddress,
+        getTel,
       };
     },
   });

@@ -51,7 +51,7 @@
     props: {
       userData: { type: Object },
     },
-    emits: ['reload'],
+    emits: ['reload', 'register'],
     setup(_, { emit }) {
       const DeviceStep1Ref = ref<InstanceType<typeof DeviceStep1>>();
       const DeviceStep2Ref = ref<InstanceType<typeof DeviceStep2>>();

 <template>
-  <div :class="prefixCls" class="relative w-full h-full px-4">
+  <!-- <div :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"
@@ -9,14 +9,14 @@
 
     <span class="-enter-x xl:hidden">
       <AppLogo :alwaysShowTitle="true" />
-    </span>
+    </span> -->
 
-    <div class="container relative h-full py-2 mx-auto sm:px-10">
+  <!-- <div class="container relative h-full py-2 mx-auto sm:px-10">
       <div class="flex h-full">
         <div class="hidden min-h-full pl-4 mr-4 xl:flex xl:flex-col xl:w-6/12">
           <AppLogo class="-enter-x" />
           <div class="my-auto">
-            <img :alt="title" src="../../../assets/images/iot.png" class="w-4/5 -mt-16 -enter-x" />
+       <img :alt="title" src="../../../assets/images/iot.png" class="w-4/5 -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,11 +54,65 @@
           </div>
         </div>
       </div>
+    </div> -->
+  <!-- </div> -->
+  <div class="login-page">
+    <div class="login-header" :style="{ backgroundColor: isDark ? '#1d3794' : '#22283a' }">
+      <AppLogo
+        :alwaysShowTitle="true"
+        style="z-index: 99; position: absolute; width: 40px; height: 100px; left: 10%; top: -20px"
+      />
+      <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"
+        @click="toggleDark"
+      />
+    </div>
+    <div class="login-container" :class="{ light1: isDark, dark: !isDark }">
+      <div class="login-description">
+        <h1>物联网平台</h1>
+        <h2>输入您的个人详细信息开始使用！</h2>
+      </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
+          "
+          :style="{ backgroundColor: isDark ? '#fff' : '#1a2030' }"
+        >
+          <LoginForm />
+          <ForgetPasswordForm />
+          <RegisterForm />
+          <MobileForm />
+          <QrCodeForm />
+        </div>
+      </div>
+      <div style="position: absolute; bottom: 20px; left: 45%">{{ getCopyRight }}</div>
     </div>
   </div>
 </template>
 <script lang="ts" setup>
-  import { computed } from 'vue';
+  import { computed, ref } from 'vue';
   import { AppLogo } from '/@/components/Application';
   import { AppLocalePicker, AppDarkModeToggle } from '/@/components/Application';
   import LoginForm from './LoginForm.vue';
@@ -70,6 +124,7 @@
   import { useI18n } from '/@/hooks/web/useI18n';
   import { useDesign } from '/@/hooks/web/useDesign';
   import { useLocaleStore } from '/@/store/modules/locale';
+  import { useUserStore } from '/@/store/modules/user';
 
   defineProps({
     sessionTimeout: {
@@ -83,6 +138,14 @@
   const localeStore = useLocaleStore();
   const showLocale = localeStore.getShowPicker;
   const title = computed(() => globSetting?.title ?? '');
+  const isDark = ref(true);
+  const toggleDark = () => {
+    isDark.value = !isDark.value;
+  };
+  const userStore = useUserStore();
+  const getCopyRight = computed(() => {
+    return (userStore.platInfo?.copyright ?? '') + (userStore.platInfo?.presentedOurselves ?? '');
+  });
 </script>
 <style lang="less">
   @prefix-cls: ~'@{namespace}-login';
@@ -90,138 +153,190 @@
   @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} {
+  //   min-height: 100%;
+  //   overflow: hidden;
+  //   @media (max-width: @screen-xl) {
+  //     background-color: #293146;
 
-      .@{prefix-cls}-form {
-        background-color: #fff;
-      }
-    }
+  //     .@{prefix-cls}-form {
+  //       background-color: #fff;
+  //     }
+  //   }
 
-    &::before {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      margin-left: -48%;
-      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;
-      }
-    }
+  //   &::before {
+  //     position: absolute;
+  //     top: 0;
+  //     left: 0;
+  //     width: 100%;
+  //     height: 100%;
+  //     margin-left: -48%;
+  //     background-image: url(/@/assets/images/bg.png);
+  //     background-position: 100%;
+  //     background-repeat: no-repeat;
+  //     background-size: auto 100%;
+  //     content: '';
+  //     @media (max-width: @screen-xl) {
+  //       display: none;
+  //     }
+  //   }
 
-    .@{logo-prefix-cls} {
-      position: absolute;
-      top: 12px;
-      height: 30px;
+  //   .@{logo-prefix-cls} {
+  //     position: absolute;
+  //     top: 12px;
+  //     height: 30px;
 
-      &__title {
-        font-size: 16px;
-        color: #fff;
-      }
+  //     &__title {
+  //       font-size: 16px;
+  //       color: #fff;
+  //     }
 
-      img {
-        width: 32px;
-      }
-    }
+  //     img {
+  //       width: 32px;
+  //     }
+  //   }
 
-    .container {
-      .@{logo-prefix-cls} {
-        display: flex;
-        width: 60%;
-        height: 80px;
+  //   .container {
+  //     .@{logo-prefix-cls} {
+  //       display: flex;
+  //       width: 60%;
+  //       height: 80px;
 
-        &__title {
-          font-size: 24px;
-          color: #fff;
-        }
+  //       &__title {
+  //         font-size: 24px;
+  //         color: #fff;
+  //       }
 
-        img {
-          width: 48px;
-        }
-      }
-    }
+  //       img {
+  //         width: 48px;
+  //       }
+  //     }
+  //   }
 
-    &-sign-in-way {
-      .anticon {
-        font-size: 22px;
-        color: #888;
-        cursor: pointer;
+  //   &-sign-in-way {
+  //     .anticon {
+  //       font-size: 22px;
+  //       color: #888;
+  //       cursor: pointer;
 
-        &:hover {
-          color: @primary-color;
-        }
-      }
-    }
+  //       &:hover {
+  //         color: @primary-color;
+  //       }
+  //     }
+  //   }
 
-    input:not([type='checkbox']) {
-      min-width: 360px;
+  //   input:not([type='checkbox']) {
+  //     min-width: 360px;
 
-      @media (max-width: @screen-xl) {
-        min-width: 320px;
-      }
+  //     @media (max-width: @screen-xl) {
+  //       min-width: 320px;
+  //     }
 
-      @media (max-width: @screen-lg) {
-        min-width: 260px;
-      }
+  //     @media (max-width: @screen-lg) {
+  //       min-width: 260px;
+  //     }
 
-      @media (max-width: @screen-md) {
-        min-width: 240px;
-      }
+  //     @media (max-width: @screen-md) {
+  //       min-width: 240px;
+  //     }
+
+  //     @media (max-width: @screen-sm) {
+  //       min-width: 160px;
+  //     }
+  //   }
 
-      @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;
+  //   }
+  // }
+
+  .light1 {
+    background-image: url('/src/assets/images/bg.png');
+  }
+  .dark {
+    background-image: url('/src/assets/images/bg-dark.png');
+  }
+  .login-page {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    .login-header {
+      height: 60px;
+      width: 100%;
+      background-color: #1d3794;
+      .vben-dark-switch {
+        margin-left: 1840px;
       }
     }
 
-    .@{countdown-prefix-cls} input {
-      min-width: unset;
-    }
+    .login-container {
+      position: relative;
+      left: -6px;
+      right: 20px;
+      width: 101vw;
+      height: calc(100% - 60px);
+      background-size: 100% 100%;
+      background-repeat: no-repeat;
+      .vben-login-form {
+        position: absolute;
 
-    .ant-divider-inner-text {
-      font-size: 12px;
-      color: @text-color-secondary;
+        width: 410px;
+        right: 200px;
+        top: 50%;
+        margin-top: -180px;
+      }
+      .login-description {
+        position: absolute;
+        right: 13%;
+        top: 15%;
+        h1 {
+          font-size: 26px;
+          color: #5aeeed;
+          text-align: center;
+        }
+        h2 {
+          font-size: 20px;
+          color: #5aeeed;
+        }
+      }
     }
   }
 </style>

 <template>
-  <h2 class="mb-3 text-2xl font-bold text-center xl:text-3xl enter-x xl:text-left">
+  <h2
+    class="mb-3 text-2xl font-bold text-center xl:text-3xl enter-x xl:text-left flex justify-center"
+  >
     {{ getFormTitle }}
   </h2>
 </template>

@@ -4,7 +4,7 @@
     <div class="enter-x min-w-64 min-h-64">
       <QrCode
         :value="qrCodeUrl"
-        class="enter-x flex justify-center xl:justify-start"
+        class="enter-x flex justify-center xl:justify-center"
         :width="280"
       />
       <Divider class="enter-x">{{ t('sys.login.scanSign') }}</Divider>

@@ -52,7 +52,7 @@
   import MenuDrawer from './MenuDrawer.vue';
 
   // 导入列 属性，和搜索栏内容
-  import { columns, searchFormSchema } from './menu.data';
+  import { columns } from './menu.data';
   import { useI18n } from '/@/hooks/web/useI18n';
   import { notification } from 'ant-design-vue';
 
@@ -65,7 +65,6 @@
       const { t } = useI18n(); //加载国际化
       // 新增菜单
       const getI18nCreateMenu = computed(() => t('routes.common.system.pageSystemTitleCreateMenu'));
-      console.log(111);
       const [registerTable, { reload, expandAll }] = useTable({
         title: t('routes.common.system.pageSystemTitleMenuList'), //'菜单列表'
         api: getMenuList, //加载数据

@@ -96,6 +96,7 @@
   import { logoUpload, iconUpload, bgUpload, getPlatForm, updatePlatForm } from '/@/api/oem/index';
   import { PlusOutlined } from '@ant-design/icons-vue';
   import { useUserStore } from '/@/store/modules/user';
+  import { createLocalStorage } from '/@/utils/cache/index';
   export default defineComponent({
     components: {
       BasicForm,
@@ -113,6 +114,7 @@
       });
       const { createMessage } = useMessage();
       const userStore = useUserStore();
+      const storage = createLocalStorage();
       const [registerForm, { getFieldsValue, setFieldsValue }] = useForm({
         schemas,
         showSubmitButton: false,
@@ -208,12 +210,18 @@
           compState.value.loading = false;
           createMessage.success('保存信息成功');
 
-          userStore.platInfo = newFieldValue;
-          // console.log()
+          setPlatFormInfo(newFieldValue);
         } catch (e) {
           createMessage.error('保存信息失败');
         }
       };
+      // 设置平台信息
+      function setPlatFormInfo(newFieldValue) {
+        // 保存store
+        userStore.setPlatInfo(newFieldValue);
+        // 保存本地缓存
+        storage.set('platInfo', newFieldValue);
+      }
 
       onMounted(async () => {
         const res = await getPlatForm();

 <template>
   <div class="card">
-    <Card :bordered="false" class="card"> <BasicForm @register="registerForm" /></Card>
+    <Card :bordered="false" class="card">
+      <BasicForm @register="registerForm">
+        <template #qrcode>
+          <Upload
+            name="avatar"
+            list-type="picture-card"
+            class="avatar-uploader"
+            :show-upload-list="false"
+            :customRequest="customUploadqrcodePic"
+            :before-upload="beforeUploadqrcodePic"
+          >
+            <img v-if="qrcodePic" :src="qrcodePic" alt="avatar" />
+            <div v-else>
+              <div style="margin-top: 30px">
+                <PlusOutlined style="font-size: 30px" />
+              </div>
+              <div
+                class="ant-upload-text flex"
+                style="width: 280px; height: 130px; align-items: center"
+              >
+                支持.PNG、.JPG、.SVG格式，建议尺寸为300px × 300px（及以上），大小不超过2M。</div
+              >
+            </div>
+          </Upload>
+        </template></BasicForm
+      ></Card
+    >
     <Loading v-bind="compState" />
     <a-button
       @click="handleUpdateInfo"
@@ -14,18 +40,25 @@
 
 <script lang="ts">
   import { defineComponent, onMounted, ref } from 'vue';
-  import { Card } from 'ant-design-vue';
+  import { Card, Upload } from 'ant-design-vue';
   import { BasicForm, useForm } from '/@/components/Form/index';
   import { schemas } from '../config/enterPriseInfo.config';
   import { getEnterPriseDetail, updateEnterPriseDetail } from '/@/api/oem/index';
   import { Loading } from '/@/components/Loading';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { getTownChild } from '/@/api/oem/index';
+  import { useUserStore } from '/@/store/modules/user';
+  import { createLocalStorage } from '/@/utils/cache';
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { FileItem } from '/@/components/Upload/src/typing';
+  import { qrcodeUpload } from '/@/api/oem/index';
   export default defineComponent({
     components: {
       Card,
       BasicForm,
       Loading,
+      Upload,
+      PlusOutlined,
     },
     setup() {
       const compState = ref({
@@ -43,26 +76,71 @@
         },
       });
       const { createMessage } = useMessage();
+
+      const qrcodePic = ref();
+      const customUploadqrcodePic = async ({ file }) => {
+        if (beforeUploadqrcodePic(file)) {
+          const formData = new FormData();
+          formData.append('file', file);
+          const response = await qrcodeUpload(formData);
+          if (response.fileStaticUri) {
+            qrcodePic.value = response.fileStaticUri;
+          }
+        }
+      };
+      const beforeUploadqrcodePic = (file: FileItem) => {
+        const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
+        if (!isJpgOrPng) {
+          createMessage.error('只能上传图片文件!');
+        }
+        const isLt2M = (file.size as number) / 1024 / 1024 < 2;
+        if (!isLt2M) {
+          createMessage.error('图片大小不能超过2MB!');
+        }
+        return isJpgOrPng && isLt2M;
+      };
+      // 更新
       const handleUpdateInfo = async () => {
         try {
           compState.value.loading = true;
           const fieldsValue = getFieldsValue();
-          await updateEnterPriseDetail({
+          const newFieldValue = {
             ...fieldsValue,
             codeProv: fieldsValue.nameProv,
             codeCity: fieldsValue.nameCity,
             codeCoun: fieldsValue.nameCoun,
             codeTown: fieldsValue.nameTown,
-          });
+            qrCode: qrcodePic.value,
+          };
+          console.log(fieldsValue);
+          console.log(newFieldValue);
+          await updateEnterPriseDetail(newFieldValue);
           compState.value.loading = false;
           createMessage.success('更新信息成功');
+          setEnterPriseInfo(newFieldValue);
         } catch (e) {
           createMessage.error('更新信息失败');
         }
       };
 
+      const userStore = useUserStore();
+      const storage = createLocalStorage();
+
+      // 设置企业信息
+      function setEnterPriseInfo(newFieldValue) {
+        // 保存store
+        userStore.setEnterPriseInfo(newFieldValue);
+        // 保存本地缓存
+        storage.set('enterpriseInfo', newFieldValue);
+      }
+
       // 地区显示回显和数据联动
-      async function updateCityData(codeProv: string, codeCity: string, codeCoun: string) {
+      async function updateCityData(
+        codeProv: string,
+        codeCity: string,
+        codeCoun: string,
+        codeTown: string
+      ) {
         const nameCity = await getTownChild('codeProv', codeProv);
         const nameCoun = await getTownChild('codeCity', codeCity);
         const nameTown = await getTownChild('codeCoun', codeCoun);
@@ -78,6 +156,12 @@
           item.label = item.nameTown;
           item.value = item.codeTown;
         });
+        setFieldsValue({
+          nameProv: codeProv,
+          nameCity: codeCity,
+          nameCoun: codeCoun,
+          nameTown: codeTown,
+        });
         updateSchema({
           field: 'nameTown',
           componentProps: {
@@ -177,14 +261,19 @@
 
       onMounted(async () => {
         const res = await getEnterPriseDetail();
-        updateCityData(res.codeProv, res.codeCity, res.codeCoun);
+        updateCityData(res.codeProv, res.codeCity, res.codeCoun, res.codeTown);
         setFieldsValue(res);
+        qrcodePic.value = res.qrCode;
+        console.log(res);
       });
 
       return {
         registerForm,
         compState,
+        qrcodePic,
         handleUpdateInfo,
+        customUploadqrcodePic,
+        beforeUploadqrcodePic,
       };
     },
   });

@@ -256,4 +256,13 @@ export const schemas: FormSchema[] = [
       placeholder: '请输入联系电话',
     },
   },
+  {
+    field: 'qrcode',
+    label: '二维码',
+    component: 'Input',
+    colProps: {
+      span: 24,
+    },
+    slot: 'qrcode',
+  },
 ];