diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..22ed85e
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,12 @@
+root = true
+# 匹配所有文件
+[*]
+# 在文件结尾插入新行
+insert_final_newline = false
+# 删除一行中的前后空格
+trim_trailing_whitespace = true
+
+# 匹配.vue文件
+[*.vue]
+indent_style = space
+indent_size = 2
diff --git a/.gitignore b/.gitignore
index 14c74cc..7bedd8a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -15,6 +15,9 @@ dist-ssr
 .env.development
 .env.production
 
+package-lock.json
+pnpm-lock.yaml
+
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
diff --git a/src/assets/images/notice/bg.jpg b/src/assets/images/notice/bg.jpg
new file mode 100644
index 0000000..45dde02
Binary files /dev/null and b/src/assets/images/notice/bg.jpg differ
diff --git a/src/assets/images/notice/logo.png b/src/assets/images/notice/logo.png
new file mode 100644
index 0000000..24d3791
Binary files /dev/null and b/src/assets/images/notice/logo.png differ
diff --git a/src/components/common/roomHeader.vue b/src/components/common/roomHeader.vue
index 9e0f8e8..cccc019 100644
--- a/src/components/common/roomHeader.vue
+++ b/src/components/common/roomHeader.vue
@@ -1,20 +1,62 @@
-<!--
- * @Author: mjjh
- * @LastEditTime: 2023-07-16 18:58:12
- * @FilePath: \ai-beehive-web\src\components\common\roomHeader.vue
- * @Description:
--->
 <script setup lang="ts">
+import { useMessage } from 'naive-ui'
+import type { CellConfigResponse, CellConfigVO, addRoomVo } from '~/src/views/page-main/types/types'
+import api from '~/src/views/page-main/api'
+const props = withDefaults(defineProps<Props>(), {})
+
+const ms = useMessage()
+
 interface Props {
   /** 图标名称(图片的文件名) */
   color: string
   name: string
   cellCode: string
   createTime: string
+  roomId: string
 }
-const props = withDefaults(defineProps<Props>(), {})
+const EditModalFormRef = ref()
+const showModalLoading = ref(false)
 
 const showEdit = ref(false)
+const editloading = ref(false)
+
+const editModalForm = ref<addRoomVo>({
+  roomId: props.roomId,
+  roomConfigParams: undefined,
+})
+
+const cellConfigList = ref<CellConfigVO[]> ()
+
+async function initData() {
+  showModalLoading.value = true
+  const { data }: CellConfigResponse = await api.getRoomConfig(props.roomId)
+  cellConfigList.value = data
+  showModalLoading.value = false
+}
+
+function resetEditData() {
+  editModalForm.value.roomConfigParams = undefined
+  cellConfigList.value = undefined
+}
+
+function editItem() {
+  EditModalFormRef.value?.validate(async (err: any) => {
+    if (err) {
+      ms.error('请填写完整数据')
+      return
+    }
+
+    editloading.value = true
+    if (!editModalForm.value.roomConfigParams)
+      editModalForm.value.roomConfigParams = []
+
+    api.editRoomConfig(editModalForm.value).finally(() => {
+      editloading.value = false
+      showEdit.value = false
+      resetEditData()
+    })
+  })
+}
 
 // todo 编辑按钮未绑定
 </script>
@@ -48,7 +90,7 @@ const showEdit = ref(false)
     </div>
     <div flex-1 />
     <!-- :color="`${props.color}`" -->
-    <n-button type="primary" @click="showEdit = true">
+    <n-button type="primary" @click="showEdit = true, initData()">
       <n-icon size="16">
         <icon-ri:edit-line />
       </n-icon>
@@ -57,17 +99,34 @@ const showEdit = ref(false)
 
     <n-modal
       v-model:show="showEdit"
-      preset="dialog"
-      title="房间参数编辑"
-      :style="{ width: 600 }"
-      :show-icon="false"
-      positive-text="确认"
-      negative-text="取消"
-      @positive-click="showEdit = false"
-      @negative-click="showEdit = false"
-      @mask-click="showEdit = false"
+      style="width: 960px"
+      title="编辑房间配置"
+      :bordered="false"
+      size="huge"
+      aria-modal="true"
+      preset="card"
+      :on-after-leave="resetEditData()"
     >
-      开发中........
+      <n-spin :show="showModalLoading">
+        <n-form v-show="!showModalLoading" ref="EditModalFormRef" :model="editModalForm">
+          <n-form-item>
+            <ConfigList v-model:newCellConfigList="editModalForm.roomConfigParams" :cell-config-list="cellConfigList ?? []" />
+          </n-form-item>
+        </n-form>
+      </n-spin>
+
+      <template #footer>
+        <footer flex justify-end>
+          <slot name="footer">
+            <NButton @click="showEdit = false, resetEditData()">
+              取消
+            </NButton>
+            <NButton :loading="editloading" ml-20 type="primary" @click="editItem()">
+              提交
+            </NButton>
+          </slot>
+        </footer>
+      </template>
     </n-modal>
   </div>
 </template>
diff --git a/src/components/useComponents/ConfigList.vue b/src/components/useComponents/ConfigList.vue
index bebc89f..76b2396 100644
--- a/src/components/useComponents/ConfigList.vue
+++ b/src/components/useComponents/ConfigList.vue
@@ -8,6 +8,11 @@
 import { watch } from 'vue'
 
 interface CellConfigVO {
+  // 编辑
+  value?: string
+
+  // 是否使用默认值
+  isUseDefaultValue?: boolean
   /**
    * 配置项编码
    */
@@ -83,8 +88,8 @@ watch(
       const newList: RoomConfigVO[] = []
       for (const item of toRaw(value)) {
         newList.push({
-          value: item.isUserValueVisible && item.isHaveDefaultValue ? item.defaultValue : '',
-          isUseDefaultValue: (item.isHaveDefaultValue && item.isUserModifiable) ?? false,
+          value: item?.value ?? (item.isUserValueVisible && item.isHaveDefaultValue ? item.defaultValue : ''),
+          isUseDefaultValue: item?.isUseDefaultValue ?? (item.isHaveDefaultValue && item.isUserModifiable) ?? false,
           cellConfigCode: item.cellConfigCode ?? '',
         })
       }
diff --git a/src/layout/sidebar/components/Notice.vue b/src/layout/sidebar/components/Notice.vue
new file mode 100644
index 0000000..0f02eee
--- /dev/null
+++ b/src/layout/sidebar/components/Notice.vue
@@ -0,0 +1,79 @@
+<script lang="ts" setup>
+import { useUserStore } from '@/store'
+import bgImg from '@/assets/images/notice/bg.jpg'
+import logoImg from '@/assets/images/notice/logo.png'
+
+const user = useUserStore()
+const isShowModal = ref(user.isShowNotice)
+</script>
+
+<template>
+  <div flex items-center justify-center mt-10 mb-20 cursor-pointer w-full>
+    <n-icon size="28" @click="isShowModal = true, user.changShow(true)">
+      <icon-mdi:email />
+    </n-icon>
+  </div>
+  <n-modal
+    v-model:show="isShowModal"
+    style="width: 960px"
+    title="通知公告"
+    :bordered="false"
+    size="huge"
+    aria-modal="true"
+    preset="card"
+    :on-after-leave="() => { user.changShow(false) }"
+  >
+    <div flex>
+      <n-card flex-1 title="通知">
+        <div>AI 蜂巢:</div>
+        基于 Java 使用 Spring Boot 3 和 JDK 17，支持的功能有 ChatGPT、OpenAi Image、Midjourney、NewBing、文心一言等等
+      </n-card>
+      <div
+        w-244 h-420 b-rd-10 b-2 b-hex-ededf3 ml-6
+        :style="{ 'background-image': `url(${bgImg})` }"
+        style="
+          background-repeat: no-repeat;
+          background-size: cover;
+          background-position: center center;
+        "
+      >
+        <img w-240 b-rd-10 :src="logoImg" alt="https://www.asiayun.com/aff/PJKGJTCD">
+        <div p-20 dark:c-hex-333639>
+          <div style="font-size: 18px;">
+            梦想在这里启航!~
+          </div>
+          <br>
+          <div>
+            精心为您挑选最适合的配置，让您即开即用、省心运营
+          </div>
+          <br>
+          <div>
+            本站专属 7.8 折优惠码：
+          </div>
+          <div>
+            aibeehive78
+          </div>
+          <br>
+          <a
+            href="https://www.asiayun.com/aff/PJKGJTCD" target="_Blank"
+          >
+
+            <NButton type="info" dark:c-hex-fff round @click="isShowModal = false">
+              点我直达
+            </NButton>
+          </a>
+        </div>
+      </div>
+    </div>
+
+    <template #footer>
+      <footer flex justify-end>
+        <slot name="footer">
+          <NButton ml-20 type="primary" @click="isShowModal = false">
+            确定
+          </NButton>
+        </slot>
+      </footer>
+    </template>
+  </n-modal>
+</template>
diff --git a/src/layout/sidebar/index.vue b/src/layout/sidebar/index.vue
index 2d4c024..df53e8b 100644
--- a/src/layout/sidebar/index.vue
+++ b/src/layout/sidebar/index.vue
@@ -1,18 +1,16 @@
-<!--
- * @Author: mjjh
- * @LastEditTime: 2023-05-30 00:31:29
- * @FilePath: \ai-beehive-web\src\layout\sidebar\index.vue
- * @Description:
--->
 <script setup lang="ts">
 import UserAvatar from './components/UserAvatar.vue'
 import SideMenu from './components/SideMenu.vue'
 import ThemeMode from './components/ThemeMode.vue'
+import Notice from './components/Notice.vue'
 </script>
 
 <template>
   <UserAvatar />
   <SideMenu />
-  <ThemeMode absolute bottom-0 />
+  <div absolute bottom-0 left-0 right-0>
+    <Notice />
+    <ThemeMode />
+  </div>
 </template>
 
diff --git a/src/store/modules/user/index.ts b/src/store/modules/user/index.ts
index 113cd5c..e90f7b6 100644
--- a/src/store/modules/user/index.ts
+++ b/src/store/modules/user/index.ts
@@ -24,6 +24,7 @@ interface UserInfo {
   description?: string
   avatarUrl?: string
   role?: Array<string>
+  isShowNotice?: boolean
 }
 
 export const useUserStore = defineStore('user', {
@@ -54,15 +55,19 @@ export const useUserStore = defineStore('user', {
     role(): Array<string> {
       return this.userInfo.role || []
     },
+    isShowNotice(): boolean {
+      return this.userInfo.isShowNotice ?? false
+    },
   },
   actions: {
-    // TODO mock人员数据
     async getUserInfo() {
       try {
         const res: any = await api.getUser()
         if (res.code === 200) {
           const { baseUserId, nickname, status, email, description, avatarUrl } = res.data
-          this.userInfo = { baseUserId, nickname, status, email, description, avatarUrl }
+          const role = ['admin']
+          const isShowNotice = true
+          this.userInfo = { baseUserId, nickname, status, email, description, avatarUrl, role, isShowNotice }
           return Promise.resolve(res.data)
         }
         else {
@@ -73,6 +78,9 @@ export const useUserStore = defineStore('user', {
         return Promise.reject(error)
       }
     },
+    changShow(flag: boolean) {
+      this.userInfo.isShowNotice = flag
+    },
     async logout() {
       const { resetTabs } = useTabStore()
       const { resetPermission } = usePermissionStore()
diff --git a/src/views/cellRoom/midjourney/index.vue b/src/views/cellRoom/midjourney/index.vue
index 86ab88f..81feb08 100644
--- a/src/views/cellRoom/midjourney/index.vue
+++ b/src/views/cellRoom/midjourney/index.vue
@@ -562,7 +562,7 @@ function getTimeDate(newDate: string, oldDate: string) {
 
 <template>
   <div style="height: 100vh;" class="text-[#3a3a3a] dark:text-[#fff]" flex flex-col>
-    <roomHeader :color="roomData.color" :name="roomData.name" :cell-code="roomData.cellCode" :create-time="roomData.createTime" />
+    <roomHeader :color="roomData.color" :name="roomData.name" :cell-code="roomData.cellCode" :room-id="roomData.roomId" :create-time="roomData.createTime" />
     <div id="scrollRef" ref="scrollRef" relative flex-1 overflow-hidden overflow-y-auto p-r-24 p-l-24 p-t-24 class=" text-[#3a3a3a] dark:text-[#fff]" @scroll="getScrollData">
       <div v-if="getMore && showGetMoreBtn" absolute top-10 right-0 left-0 f-c-c>
         <n-button tertiary round size="small" @click="loadingMore">
@@ -715,7 +715,8 @@ function getTimeDate(newDate: string, oldDate: string) {
               </n-ellipsis>
             </div>
             <div flex justify-end>
-              <div p-10 rd-10 inline-block break-all card-shadow style="background-color: #fed784;  color: #3a3a3a;">
+              <div p-10 rd-10 inline-block break-all card-shadow whitespace-pre style="background-color: #fed784;  color: #3a3a3a;">
+                <!-- <MdEditor v-model="sendData" preview-only :theme="themeStyle" rd-10 card-shadow /> -->
                 {{ `/${item.action}${item.uvIndex ? `: ${item.uvIndex}` : ''} ${item.prompt ?? ''}` }}
               </div>
             </div>
diff --git a/src/views/cellRoom/newBing/index.vue b/src/views/cellRoom/newBing/index.vue
index fad0543..0ca3754 100644
--- a/src/views/cellRoom/newBing/index.vue
+++ b/src/views/cellRoom/newBing/index.vue
@@ -249,7 +249,7 @@ async function changData(talkdata: any, done = false) {
 
 <template>
   <div h-screen class="text-[#3a3a3a] dark:text-[#fff]" flex flex-col>
-    <roomHeader :color="roomData.color" :name="roomData.name" :cell-code="roomData.cellCode" :create-time="roomData.createTime" />
+    <roomHeader :color="roomData.color" :name="roomData.name" :cell-code="roomData.cellCode" :room-id="roomData.roomId" :create-time="roomData.createTime" />
     <div id="scrollRef" ref="scrollRef" relative flex-1 overflow-hidden overflow-y-auto p-r-24 p-l-24 p-t-24 class=" text-[#3a3a3a] dark:text-[#fff]" @scroll="getScrollData">
       <div v-if="getMore && showGetMoreBtn" absolute top-10 right-0 left-0 f-c-c>
         <n-button tertiary round size="small" @click="loadingMore">
@@ -292,7 +292,7 @@ async function changData(talkdata: any, done = false) {
               </n-ellipsis>
             </div>
             <div flex justify-end>
-              <div p-10 rd-10 inline-block break-all card-shadow style="background-color: #fed784;  color: #3a3a3a;">
+              <div p-10 rd-10 inline-block break-all card-shadow whitespace-pre style="background-color: #fed784;  color: #3a3a3a;">
                 {{ item.content }}
               </div>
             </div>
@@ -308,7 +308,7 @@ async function changData(talkdata: any, done = false) {
       </div>
       <!-- 用户的提问 -->
       <div v-if="isSend" flex justify-end items-start mb-20>
-        <div p-10 rd-10 break-all card-shadow style="background-color: #fed784; color: #3a3a3a; ">
+        <div p-10 rd-10 break-all card-shadow whitespace-pre style="background-color: #fed784; color: #3a3a3a; ">
           {{ sendData }}
         </div>
         <div min-w-50 flex justify-end>
diff --git a/src/views/cellRoom/openaiChat/index.vue b/src/views/cellRoom/openaiChat/index.vue
index 3a981c7..ab5637d 100644
--- a/src/views/cellRoom/openaiChat/index.vue
+++ b/src/views/cellRoom/openaiChat/index.vue
@@ -214,7 +214,7 @@ async function changData(talkdata: any, done = false) {
 
 <template>
   <div h-screen class="text-[#3a3a3a] dark:text-[#fff]" flex flex-col>
-    <roomHeader :color="roomData.color" :name="roomData.name" :cell-code="roomData.cellCode" :create-time="roomData.createTime" />
+    <roomHeader :color="roomData.color" :name="roomData.name" :cell-code="roomData.cellCode" :room-id="roomData.roomId" :create-time="roomData.createTime" />
     <div id="scrollRef" ref="scrollRef" relative flex-1 overflow-hidden overflow-y-auto p-r-24 p-l-24 p-t-24 class=" text-[#3a3a3a] dark:text-[#fff]" @scroll="getScrollData">
       <div v-if="getMore && showGetMoreBtn" absolute top-10 right-0 left-0 f-c-c>
         <n-button tertiary round size="small" @click="loadingMore">
@@ -252,7 +252,7 @@ async function changData(talkdata: any, done = false) {
               </n-ellipsis>
             </div>
             <div flex justify-end>
-              <div p-10 rd-10 inline-block break-all card-shadow style="background-color: #fed784;  color: #3a3a3a; ">
+              <div p-10 rd-10 inline-block break-all card-shadow whitespace-pre style="background-color: #fed784;  color: #3a3a3a; ">
                 {{ item.content }}
               </div>
             </div>
@@ -268,7 +268,7 @@ async function changData(talkdata: any, done = false) {
       </div>
       <!-- 用户的提问 -->
       <div v-if="isSend" flex justify-end items-start mb-20>
-        <div p-10 rd-10 break-all card-shadow style="background-color: #fed784; color: #3a3a3a; ">
+        <div p-10 rd-10 break-all card-shadow whitespace-pre style="background-color: #fed784; color: #3a3a3a; ">
           {{ sendData }}
         </div>
         <div min-w-50 flex justify-end>
diff --git a/src/views/cellRoom/openaiChatWeb/index.vue b/src/views/cellRoom/openaiChatWeb/index.vue
index 3b48f99..d028c3a 100644
--- a/src/views/cellRoom/openaiChatWeb/index.vue
+++ b/src/views/cellRoom/openaiChatWeb/index.vue
@@ -214,7 +214,7 @@ async function changData(talkdata: any, done = false) {
 
 <template>
   <div h-screen class="text-[#3a3a3a] dark:text-[#fff]" flex flex-col>
-    <roomHeader :color="roomData.color" :name="roomData.name" :cell-code="roomData.cellCode" :create-time="roomData.createTime" />
+    <roomHeader :color="roomData.color" :name="roomData.name" :cell-code="roomData.cellCode" :room-id="roomData.roomId" :create-time="roomData.createTime" />
     <div id="scrollRef" ref="scrollRef" relative flex-1 overflow-hidden overflow-y-auto p-r-24 p-l-24 p-t-24 class=" text-[#3a3a3a] dark:text-[#fff]" @scroll="getScrollData">
       <div v-if="getMore && showGetMoreBtn" absolute top-10 right-0 left-0 f-c-c>
         <n-button tertiary round size="small" @click="loadingMore">
@@ -253,7 +253,7 @@ async function changData(talkdata: any, done = false) {
               </n-ellipsis>
             </div>
             <div flex justify-end>
-              <div p-10 rd-10 inline-block break-all card-shadow style="background-color: #fed784;   color: #3a3a3a; ">
+              <div p-10 rd-10 inline-block break-all card-shadow whitespace-pre style="background-color: #fed784;   color: #3a3a3a; ">
                 {{ item.content }}
               </div>
             </div>
@@ -269,7 +269,7 @@ async function changData(talkdata: any, done = false) {
       </div>
       <!-- 用户的提问 -->
       <div v-if="isSend" flex justify-end items-start mb-20>
-        <div p-10 rd-10 break-all card-shadow style="background-color: #fed784;  color: #3a3a3a; ">
+        <div p-10 rd-10 break-all card-shadow whitespace-pre style="background-color: #fed784;  color: #3a3a3a; ">
           {{ sendData }}
         </div>
         <div min-w-50 flex justify-end>
diff --git a/src/views/cellRoom/openaiImg/index.vue b/src/views/cellRoom/openaiImg/index.vue
index b0e5895..b44b946 100644
--- a/src/views/cellRoom/openaiImg/index.vue
+++ b/src/views/cellRoom/openaiImg/index.vue
@@ -216,7 +216,7 @@ async function changData(talkdata: any, done = false) {
 
 <template>
   <div h-screen class="text-[#3a3a3a] dark:text-[#fff]" flex flex-col>
-    <roomHeader :color="roomData.color ?? ''" :name="roomData.name ?? ''" :cell-code="roomData.cellCode ?? ''" :create-time="roomData.createTime ?? ''" />
+    <roomHeader :color="roomData.color ?? ''" :name="roomData.name ?? ''" :cell-code="roomData.cellCode ?? ''" :room-id="roomData.roomId" :create-time="roomData.createTime ?? ''" />
     <div id="scrollRef" ref="scrollRef" relative flex-1 overflow-hidden overflow-y-auto p-r-24 p-l-24 p-t-24 class=" text-[#3a3a3a] dark:text-[#fff]" @scroll="getScrollData">
       <div v-if="getMore && showGetMoreBtn" absolute top-10 right-0 left-0 f-c-c>
         <n-button tertiary round size="small" @click="loadingMore">
@@ -265,7 +265,7 @@ async function changData(talkdata: any, done = false) {
               </n-ellipsis>
             </div>
             <div flex justify-end>
-              <div p-10 rd-10 inline-block break-all card-shadow style="background-color: #fed784;  color: #3a3a3a;">
+              <div p-10 rd-10 inline-block break-all card-shadow whitespace-pre style="background-color: #fed784;  color: #3a3a3a;">
                 {{ item.prompt }}
               </div>
             </div>
@@ -281,7 +281,7 @@ async function changData(talkdata: any, done = false) {
       </div>
       <!-- 用户的提问 -->
       <div v-if="isSend" flex justify-end items-start mb-20>
-        <div p-10 rd-10 break-all card-shadow style="background-color: #fed784; color: #3a3a3a; ">
+        <div p-10 rd-10 break-all card-shadow whitespace-pre style="background-color: #fed784; color: #3a3a3a; ">
           {{ sendData }}
         </div>
         <div min-w-50 flex justify-end>
diff --git a/src/views/cellRoom/wyqfChat/index.vue b/src/views/cellRoom/wyqfChat/index.vue
index e3b391c..bef0479 100644
--- a/src/views/cellRoom/wyqfChat/index.vue
+++ b/src/views/cellRoom/wyqfChat/index.vue
@@ -214,7 +214,7 @@ async function changData(talkdata: any, done = false) {
 
 <template>
   <div h-screen class="text-[#3a3a3a] dark:text-[#fff]" flex flex-col>
-    <roomHeader :color="roomData.color" :name="roomData.name" :cell-code="roomData.cellCode" :create-time="roomData.createTime" />
+    <roomHeader :color="roomData.color" :name="roomData.name" :cell-code="roomData.cellCode" :room-id="roomData.roomId" :create-time="roomData.createTime" />
     <div id="scrollRef" ref="scrollRef" relative flex-1 overflow-hidden overflow-y-auto p-r-24 p-l-24 p-t-24 class=" text-[#3a3a3a] dark:text-[#fff]" @scroll="getScrollData">
       <div v-if="getMore && showGetMoreBtn" absolute top-10 right-0 left-0 f-c-c>
         <n-button tertiary round size="small" @click="loadingMore">
@@ -252,7 +252,7 @@ async function changData(talkdata: any, done = false) {
               </n-ellipsis>
             </div>
             <div flex justify-end>
-              <div p-10 rd-10 inline-block break-all card-shadow style="background-color: #fed784;  color: #3a3a3a; ">
+              <div p-10 rd-10 inline-block break-all card-shadow whitespace-pre style="background-color: #fed784;  color: #3a3a3a; ">
                 {{ item.content }}
               </div>
             </div>
@@ -268,7 +268,7 @@ async function changData(talkdata: any, done = false) {
       </div>
       <!-- 用户的提问 -->
       <div v-if="isSend" flex justify-end items-start mb-20>
-        <div p-10 rd-10 break-all card-shadow style="background-color: #fed784; color: #3a3a3a; ">
+        <div p-10 rd-10 break-all card-shadow whitespace-pre style="background-color: #fed784; color: #3a3a3a; ">
           {{ sendData }}
         </div>
         <div min-w-50 flex justify-end>
diff --git a/src/views/login/login.vue b/src/views/login/login.vue
index 659233e..f1ad8e9 100644
--- a/src/views/login/login.vue
+++ b/src/views/login/login.vue
@@ -1,9 +1,3 @@
-<!--
- * @Author: mjjh
- * @LastEditTime: 2023-07-16 18:53:22
- * @FilePath: \ai-beehive-web\src\views\login\login.vue
- * @Description:
--->
 <script setup lang="ts">
 import { useStorage } from '@vueuse/core'
 import { useMessage } from 'naive-ui'
diff --git a/src/views/page-main/api.ts b/src/views/page-main/api.ts
index 1f0fefb..6a73726 100644
--- a/src/views/page-main/api.ts
+++ b/src/views/page-main/api.ts
@@ -21,4 +21,8 @@ export default {
   getCellList: () => request.get('/cell/list'),
   getCellImgList: () => request.get('/cell/list_image'),
   getCellConfigList: (cellCode: string) => request.get(`/cell_config/list?cellCode=${cellCode}`),
+
+  // 获取房间配置
+  getRoomConfig: (roomId: string) => request.get(`/room_config_param/list?roomId=${roomId}`),
+  editRoomConfig: (data: addRoomVo) => request.post('/room_config_param/edit', data),
 }
diff --git a/src/views/page-main/index.vue b/src/views/page-main/index.vue
index 864a00a..64fc478 100644
--- a/src/views/page-main/index.vue
+++ b/src/views/page-main/index.vue
@@ -6,7 +6,7 @@ import api from './api'
 import type { CellConfigResponse, CellConfigVO, CellImageVO, CellImgResponse, CellResponse, CellVO, RoomListVO, RoomResponse, addRoomVo } from './types/types'
 import { useCRUD } from '@/components/index.js'
 import { useRoomStore } from '@/store'
-import { setLocal } from '~/src/utils'
+import { getLocal, setLocal } from '~/src/utils'
 
 withDefaults(defineProps<Props>(), {
   cellType: 'allCell',
@@ -28,6 +28,9 @@ const pSize = ref(20)
 const total = ref<number>(0)
 const cellMenuList = ref<undefined | RoomListVO[]>([])
 const isActiveCell = ref(1)
+// 是否收起侧边栏
+const isPackUp = ref(true)
+isPackUp.value = !!getLocal('isPackUp')
 const searchValue = ref(undefined)
 
 // 函数1 获取列表数据函数
@@ -187,6 +190,12 @@ function prev() {
     ms.warning('到顶了')
 }
 
+// 侧边栏显示隐藏
+function onChangeIsPackUp() {
+  isPackUp.value = !isPackUp.value
+  setLocal('isPackUp', isPackUp.value)
+}
+
 async function getCellList() {
   const res: CellResponse = await api.getCellList()
   const resImg: CellImgResponse = await api.getCellImgList()
@@ -284,10 +293,12 @@ function getContent(isCanUse: boolean | undefined, status: string) {
     <section class="cus-scroll-y wh-full  flex-col bg-[#f5f5f5]" dark:bg-hex-121212>
       <n-layout flex-1 min-w-375 has-sider>
         <n-layout-sider
-          bordered
-          collapse-mode="width"
-          content-style="padding: 15px;"
-          width="350"
+            class="animation-unfold-fold"
+            :style="{ width: isPackUp ? '350px' : '0px' }"
+            bordered
+            collapse-mode="width"
+            content-style="padding: 15px;"
+            width="350"
         >
           <n-layout-header bordered pb-15>
             <n-input-group>
@@ -313,21 +324,21 @@ function getContent(isCanUse: boolean | undefined, status: string) {
               </div>
               <div v-for="(item, index) of cellMenuList" v-else :key="index" flex>
                 <n-card
-                  cursor-pointer
-                  size="small" hoverable mt-6
-                  :class="isActive(item.roomId) && ['bg-neutral-100', 'text-[#FFAD0A]', 'dark:bg-[#24272e]']"
-                  @click="handleSelect(item)"
+                    cursor-pointer
+                    size="small" hoverable mt-6
+                    :class="isActive(item.roomId) && ['bg-neutral-100', 'text-[#FFAD0A]', 'dark:bg-[#24272e]']"
+                    @click="handleSelect(item)"
                 >
                   <!-- :style="{ borderBottom: `2px solid ${item.color}` }" -->
                   <div flex items-center>
                     <!-- 顶部icon -->
                     <div min-w-30 f-c-c>
                       <n-avatar
-                        style="border: 2px solid #fff;"
-                        round
-                        size="small"
-                        :src="getCellImg(item.cellCode ?? '')"
-                        fallback-src="https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg"
+                          style="border: 2px solid #fff;"
+                          round
+                          size="small"
+                          :src="getCellImg(item.cellCode ?? '')"
+                          fallback-src="https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg"
                       />
                     </div>
                     <div flex-1 ml-5 mr-5 style="overflow-x: hidden;">
@@ -366,6 +377,14 @@ function getContent(isCanUse: boolean | undefined, status: string) {
           </div>
         </n-layout-sider>
         <n-layout>
+          <div @click="onChangeIsPackUp" class="unfold-fold">
+            <n-icon v-if="isPackUp" color="#FFAD0A" size="24">
+              <icon-icon-park-outline:menu-unfold-one />
+            </n-icon>
+            <n-icon v-else color="#FFAD0A" size="24">
+              <icon-icon-park-outline:menu-fold-one />
+            </n-icon>
+          </div>
           <n-layout-content h-screen>
             <!-- <slot /> -->
             <!-- <n-watermark
@@ -390,24 +409,24 @@ function getContent(isCanUse: boolean | undefined, status: string) {
 
       <!-- 编辑/查看 -->
       <CrudModal
-        v-model:visible="modalVisible"
-        :title="modalTitle"
-        :loading="modalLoading"
-        :show-footer="modalAction !== 'view'"
-        width="960px"
-        @on-save="handleSave"
+          v-model:visible="modalVisible"
+          :title="modalTitle"
+          :loading="modalLoading"
+          :show-footer="modalAction !== 'view'"
+          width="960px"
+          @on-save="handleSave"
       >
         <n-form
-          ref="modalFormRef"
-          label-placement="top"
-          label-align="left"
-          :model="modalForm"
-          :disabled="modalAction === 'view'"
+            ref="modalFormRef"
+            label-placement="top"
+            label-align="left"
+            :model="modalForm"
+            :disabled="modalAction === 'view'"
         >
           <n-form-item
-            label="房间名称"
-            path="name"
-            :rule="{
+              label="房间名称"
+              path="name"
+              :rule="{
               required: true,
               message: '请输入房间名称',
               trigger: ['input', 'blur'],
@@ -434,14 +453,14 @@ function getContent(isCanUse: boolean | undefined, status: string) {
 
       <!-- 新增 -->
       <n-modal
-        v-model:show="showAddModal"
-        style="width: 960px"
-        title="新增房间"
-        :bordered="false"
-        size="huge"
-        aria-modal="true"
-        preset="card"
-        :on-after-leave=" resetAddData()"
+          v-model:show="showAddModal"
+          style="width: 960px"
+          title="新增房间"
+          :bordered="false"
+          size="huge"
+          aria-modal="true"
+          preset="card"
+          :on-after-leave=" resetAddData()"
       >
         <div flex>
           <n-steps v-model:current="current">
@@ -465,31 +484,31 @@ function getContent(isCanUse: boolean | undefined, status: string) {
               <n-radio-group v-model:value="AddModalForm.cellCode" flex-wrap>
                 <n-space item-style="display: flex;">
                   <n-watermark
-                    v-for="(item, index) in cellList"
-                    :key="index"
-                    :content="getContent(item.isCanUse, String(item.status))"
-                    cross
-                    selectable
-                    :font-size="16"
-                    :line-height="17"
-                    :width="160"
-                    :height="100"
-                    :x-offset="12"
-                    :y-offset="28"
-                    :rotate="-15"
+                      v-for="(item, index) in cellList"
+                      :key="index"
+                      :content="getContent(item.isCanUse, String(item.status))"
+                      cross
+                      selectable
+                      :font-size="16"
+                      :line-height="17"
+                      :width="160"
+                      :height="100"
+                      :x-offset="12"
+                      :y-offset="28"
+                      :rotate="-15"
                   >
                     <n-radio-button
-                      style="border: 1px solid #e0e0e6; border-radius: 5px;"
-                      :value="item.code"
-                      :disabled="!item.isCanUse || item.status !== 'published' "
+                        style="border: 1px solid #e0e0e6; border-radius: 5px;"
+                        :value="item.code"
+                        :disabled="!item.isCanUse || item.status !== 'published' "
                     >
                       <div mt-10 f-c-c w-250>
                         <n-avatar
-                          round
-                          style="border: 2px solid #fff;"
-                          :size="40"
-                          :src="item.imageUrl"
-                          fallback-src="https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg"
+                            round
+                            style="border: 2px solid #fff;"
+                            :size="40"
+                            :src="item.imageUrl"
+                            fallback-src="https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg"
                         />
                         <div flex-1 ml-10>
                           <n-ellipsis style="max-width: 210px">
@@ -552,6 +571,17 @@ function getContent(isCanUse: boolean | undefined, status: string) {
   </transition>
 </template>
 
-<style lang="scss">
-
+<style lang="scss" scoped>
+.unfold-fold {
+  position: absolute;
+  height: 30px;
+  top: 50%;
+  transform: translateY(-50%);
+  left: -2px;
+  z-index: 99;
+  cursor: pointer;
+}
+.animation-unfold-fold{
+  transition: all .6s ease-in-out;
+}
 </style>
diff --git a/src/views/page-main/types/types.ts b/src/views/page-main/types/types.ts
index 380354d..7b8fc43 100644
--- a/src/views/page-main/types/types.ts
+++ b/src/views/page-main/types/types.ts
@@ -107,15 +107,17 @@ export interface editRoomVo {
  * 房间创建请求参数
  */
 export interface addRoomVo {
+  // id 编辑房间时候使用
+  roomId?: string
   /**
    * cell code
    */
-  cellCode: CellCode2 | undefined
+  cellCode?: CellCode2 | undefined
   /**
    * 房间配置参数列表
    */
-  roomConfigParams: RoomConfigParamRequest[] | undefined
-  roomInfo: RoomInfoRequest
+  roomConfigParams?: RoomConfigParamRequest[] | undefined
+  roomInfo?: RoomInfoRequest
 }
 
 /**
@@ -311,6 +313,12 @@ export interface CellConfigResponse {
 * Cell 配置项展示对象
 */
 export interface CellConfigVO {
+  // 编辑
+  value?: string
+
+  // 是否使用默认值
+  isUseDefaultValue?: boolean
+
   /**
    * 配置项编码
    */