diff --git a/src/assets/icons/svg/packUp.svg b/src/assets/icons/svg/packUp.svg
new file mode 100644
index 0000000..f38cbfe
--- /dev/null
+++ b/src/assets/icons/svg/packUp.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewBox="0 0 10 5">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path id="icon-折叠-收起" class="cls-1" d="M1782,105l-5-5-5,5h10Z" transform="translate(-1772 -100)"/>
+</svg>
diff --git a/src/assets/icons/svg/unfold.svg b/src/assets/icons/svg/unfold.svg
new file mode 100644
index 0000000..227acb3
--- /dev/null
+++ b/src/assets/icons/svg/unfold.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewBox="0 0 10 5">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path id="icon-折叠-展开" class="cls-1" d="M1782,107l-5,5-5-5h10Z" transform="translate(-1772 -107)"/>
+</svg>
diff --git a/src/assets/images/icon_feedback.png b/src/assets/images/icon_feedback.png
new file mode 100644
index 0000000..261132d
Binary files /dev/null and b/src/assets/images/icon_feedback.png differ
diff --git a/src/assets/images/no_notice.png b/src/assets/images/no_notice.png
new file mode 100644
index 0000000..9175a18
Binary files /dev/null and b/src/assets/images/no_notice.png differ
diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 0ff47c4..2aa7e91 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -122,7 +122,7 @@ aside {
 
 //main-container全局样式
 .app-container {
-  width: 1840px;
+  width: 100%;
   margin: 0 auto;
   padding: 0 !important;
 }
diff --git a/src/assets/styles/ruoyi.scss b/src/assets/styles/ruoyi.scss
index ab82c2f..6ece4dd 100644
--- a/src/assets/styles/ruoyi.scss
+++ b/src/assets/styles/ruoyi.scss
@@ -90,10 +90,6 @@ h6 {
   font-weight: 700;
 }
 
-.el-dialog:not(.is-fullscreen) {
-  margin-top: 6vh !important;
-}
-
 .el-dialog.scrollbar .el-dialog__body {
   overflow: auto;
   overflow-x: hidden;
@@ -345,6 +341,109 @@ h6 {
 }
 
 // 按钮样式
+.el-message-box__btns .el-button--primary {
+  /* 修改确认按钮样式 */
+  border-radius: 4px 4px 4px 4px;
+  background: #1a75e6 !important;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  font-size: 16px;
+  text-align: center;
+  color: #FFFFFF !important;
+}
+
+.el-message-box__btns .el-button--primary:hover {
+  /* 修改确认按钮样式 */
+  background: #1a75e6 !important;
+  color: #FFFFFF !important;
+}
+
+.el-message-box__btns .el-button--default {
+  /* 修改取消按钮样式 */
+  border-radius: 4px 4px 4px 4px;
+  background: #ffc63d;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  font-size: 16px;
+  text-align: center;
+  color: #000000;
+}
+
+.el-message-box__btns .el-button--default:hover {
+  /* 修改取消按钮样式 */
+  background: #ffc63d;
+  color: #000000;
+}
+
+.custom-confirm-btn {
+  // width: 100px;
+  // height: 34px;
+  border-radius: 4px 4px 4px 4px;
+  background: #1a75e6;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  font-size: 16px;
+  text-align: center;
+  color: #FFFFFF;
+}
+
+.custom-confirm-btn:hover {
+  background: #1a75e6;
+  color: #FFFFFF;
+}
+
+.custom-cancel-btn {
+  // width: 100px;
+  // height: 34px;
+  border-radius: 4px 4px 4px 4px;
+  background: #ffc63d;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  font-size: 16px;
+  text-align: center;
+  color: #000000;
+}
+
+.custom-cancel-btn:hover {
+  background: #ffc63d;
+  color: #000000;
+}
+
+
+.my-confirm-btn {
+  width: 100px;
+  height: 34px;
+  border-radius: 4px 4px 4px 4px;
+  background: #1a75e6;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  font-size: 16px;
+  text-align: center;
+  color: #FFFFFF;
+}
+
+.my-confirm-btn:hover {
+  background: #1a75e6;
+  color: #FFFFFF;
+}
+
+.my-cancel-btn {
+  width: 100px;
+  height: 34px;
+  border-radius: 4px 4px 4px 4px;
+  background: #ffc63d;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  font-size: 16px;
+  text-align: center;
+  color: #000000;
+}
+
+.my-cancel-btn:hover {
+  background: #ffc63d;
+  color: #000000;
+}
+
 .primaryBtn {
   height: 30px;
   border-radius: 15px 15px 15px 15px;
@@ -382,22 +481,64 @@ h6 {
 }
 
 // 查询条件表单样式覆盖 
+.more-search-pane {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.search-where-container {
+  flex: 1;
+}
+
+.search-more-button {
+  width: 100px;
+  text-align: right;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
 .searchPanel {
-  width: 1840px;
+  width: 100%;
   height: 45px;
   line-height: 45px;
   background: rgba(255, 255, 255, 0.06);
   border-top: 1px solid rgba(255, 255, 255, 0.3);
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
-  margin-bottom: 20px;
   padding: 0 20px;
 }
 
-.searchPanelForm .el-form-item--default {
+.searchSmallPanel {
+  width: 100%;
+  height: 34px;
+  line-height: 34px;
+  background: rgba(255, 255, 255, 0.06);
+  border-top: 1px solid rgba(255, 255, 255, 0.3);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
+  padding: 0 20px;
+}
+
+.el-button.is-text {
+  background-color: transparent;
+  border: 0 solid transparent;
+  color: #ffffff;
+  padding: 0 !important;
+}
+
+.el-button.is-text:not(.is-disabled):hover {
+  background-color: transparent;
+  border: 0 solid transparent;
+  color: #ffffff;
+}
+
+.searchPanelForm .el-form-item--default,
+.searchSmallPanelForm .el-form-item--default {
   margin-bottom: 6px;
 }
 
-.searchPanelForm .el-form--inline .el-form-item {
+.searchPanelForm .el-form--inline .el-form-item,
+.searchSmallPanelForm .el-form--inline .el-form-item {
   display: inline-flex;
   margin-right: 26px;
   vertical-align: middle;
@@ -411,94 +552,127 @@ h6 {
   min-width: 34px;
 }
 
+.searchSmallPanelForm .el-form-item__label {
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  font-size: 16px;
+  color: #FFFFFF;
+  min-width: 34px;
+  line-height: 34px;
+}
+
+
 // 文本输入框样式
-.searchPanelForm .el-input__inner {
+.searchPanelForm .el-input__inner,
+.searchSmallPanelForm .el-input__inner {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #FFFFFF;
 }
 
-.searchPanelForm .el-input__clear {
+.searchPanelForm .el-input__clear,
+.searchSmallPanelForm .el-input__clear {
   color: #FFFFFF;
 }
 
-.searchPanelForm .el-input__clear:hover {
+.searchPanelForm .el-input__clear:hover,
+.searchSmallPanelForm .el-input__clear:hover {
   color: #FFFFFF;
 }
 
-.searchPanelForm .el-input__inner::placeholder {
+.searchPanelForm .el-input__inner::placeholder,
+.searchSmallPanelForm .el-input__inner::placeholder {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #FFFFFF;
 }
 
-.searchPanelForm .el-input__wrapper {
+.searchPanelForm .el-input__wrapper,
+.searchSmallPanelForm .el-input__wrapper {
   background-color: transparent;
   border-radius: 0;
   box-shadow: none;
   padding: 0;
 }
 
-// 选择框样式
-.searchPanelForm .el-select__wrapper {
+// 选择框样式 
+.searchPanelForm .el-select__wrapper,
+.searchSmallPanelForm .el-select__wrapper {
   background-color: transparent;
   border-radius: 0;
   box-shadow: none;
   padding: 0;
 }
 
-.searchPanelForm .el-select__wrapper.is-hovering:not(.is-focused) {
+.searchPanelForm .el-select__wrapper.is-hovering:not(.is-focused),
+.searchSmallPanelForm .el-select__wrapper.is-hovering:not(.is-focused) {
   box-shadow: none;
 }
 
-.searchPanelForm .el-select__placeholder {
+.searchPanelForm .el-select__placeholder,
+.searchSmallPanelForm .el-select__placeholder {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #FFFFFF;
+
+  // 添加这三行，select中设置最小宽度，可以依据选择内容自适应
+  position: relative;
+  top: none;
+  transform: none;
 }
 
-.searchPanelForm .el-select__caret {
+.searchPanelForm .el-select__caret,
+.searchSmallPanelForm .el-select__caret {
   color: #FFFFFF;
 }
 
 // 查询日期框样式
-.searchPanelForm .el-date-editor .el-range__icon {
+.searchPanelForm .el-date-editor .el-range__icon,
+.searchSmallPanelForm .el-date-editor .el-range__icon {
   color: #FFFFFF;
 }
 
-.searchPanelForm .el-date-editor .el-range-separator {
+.searchPanelForm .el-date-editor .el-range-separator,
+.searchSmallPanelForm .el-date-editor .el-range-separator {
   color: #FFFFFF;
 }
 
-.searchPanelForm .el-date-editor .el-range-input {
+.searchPanelForm .el-date-editor .el-range-input,
+.searchSmallPanelForm .el-date-editor .el-range-input {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #FFFFFF;
 }
 
-.searchPanelForm .el-date-editor .el-range-input::placeholder {
+.searchPanelForm .el-date-editor .el-range-input::placeholder,
+.searchSmallPanelForm .el-date-editor .el-range-input::placeholder {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
   color: #FFFFFF;
 }
 
-.searchPanelForm .el-date-editor .el-range__close-icon {
+.searchPanelForm .el-date-editor .el-range__close-icon,
+.searchSmallPanelForm .el-date-editor .el-range__close-icon {
   color: #FFFFFF;
 }
 
-.searchPanelForm .el-date-editor.el-input__wrapper:hover {
+.searchPanelForm .el-date-editor.el-input__wrapper:hover,
+.searchSmallPanelForm .el-date-editor.el-input__wrapper:hover {
   background-color: transparent;
   border-radius: 0;
   box-shadow: none !important;
   padding: 0;
 }
 
-// 独立查询输入框样式
+// 独立查询输入框样式 
+.searchInputForm .el-form-item--default {
+  margin-bottom: 0px;
+}
 .searchInputForm .el-input__inner {
   font-family: Microsoft YaHei;
   font-weight: 400;
@@ -635,7 +809,7 @@ h6 {
 }
 
 .my_dialog .el-dialog__header {
-  border-bottom: 1px solid #D4DAE1 !important;
+  border-bottom: 1px solid #58585820 !important;
   padding: 16px;
   font-family: Microsoft YaHei;
   font-weight: 700;
@@ -652,18 +826,14 @@ h6 {
 }
 
 .my_dialog .el-dialog__body {
-  // font-family: Microsoft YaHei;
-  // font-weight: 400;
-  // font-size: 16px;
-  // color: #3B3B3B;
   padding: 20px;
 }
 
 .my_dialog .el-dialog__footer {
   box-sizing: border-box;
   padding: 16px;
-  text-align: right;
-  border-top: 1px solid #D4DAE1 !important;
+  text-align: center;
+  border-top: 1px solid #58585830 !important;
 }
 
 // 表单录入样式 
@@ -792,4 +962,25 @@ h6 {
   font-weight: 400;
   font-size: 16px;
   color: #B8B8B8;
+}
+
+.myFeedBackForm .el-form-item__label {
+  font-family: Microsoft YaHei;
+  font-weight: 600;
+  font-size: 16px;
+  color: #000000;
+  // min-width: 34px; 
+}
+
+.myFeedBackForm .el-textarea__inner {
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  font-size: 16px;
+  color: #525252;
+}
+.myFeedBackForm .el-textarea__inner::placeholder {
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  font-size: 16px;
+  color: #87898E !important;
 }
\ No newline at end of file
diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss
index 809f7c2..208f6bc 100644
--- a/src/assets/styles/sidebar.scss
+++ b/src/assets/styles/sidebar.scss
@@ -113,11 +113,11 @@
 
   .hideSidebar {
     .sidebar-container {
-      width: 54px !important;
+      width: 0px !important;
     }
 
     .main-container {
-      margin-left: 54px;
+      margin: 0 36px;
     }
 
     .sub-menu-title-noDropdown {
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 335b8c2..09bb920 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -13,19 +13,40 @@
       <div class="right-menu">
         <div class="el-dropdown avatar-container right-menu-item hover-effect">
           <div class="avatar-wrapper">
+            <div class="feedback_icon">
+              <img :src="icon_feedback" class="custom-icon" @click="handleFeedBack" />
+            </div>
             <img :src="userStore.avatar ? userStore.avatar : avatar_icon" class="user-avatar" />
             <span class="user-nickname"> {{ userStore.nickName }} admin </span>
             <div class="logout_icon">
               <img :src="logout_icon" class="custom-icon" @click="logout" />
             </div>
           </div>
-        </div> 
+        </div>
         <div class="right-menu-item hover-effect setting" @click="setLayout" v-if="settingsStore.showSettings">
           <svg-icon icon-class="more-up" />
         </div>
       </div>
     </div>
   </div>
+
+  <!-- 添加反馈对话框 -->
+  <el-dialog title="问题反馈" v-model="openFeedBack" width="800px" align-center class="my_dialog" append-to-body
+    :destroy-on-close="true" :close-on-click-modal="false">
+    <el-form ref="feedBackRef" :model="form" :rules="rules" label-width="120px" label-position="top"
+      class="myFeedBackForm">
+      <el-form-item label="输入反馈内容" prop="menuName">
+        <el-input v-model="form.menuName" style="width: 100%" :rows="12" type="textarea"
+          placeholder="欢迎提出您在使用过程中遇到的问题或宝贵建议" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button class="my-cancel-btn" @click="cancel">取 消</el-button>
+        <el-button class="my-confirm-btn" type="primary" @click="submitForm">确 定</el-button>
+      </div>
+    </template>
+  </el-dialog>
 </template>
 
 <script setup>
@@ -34,6 +55,7 @@ import Breadcrumb from '@/components/Breadcrumb'
 import homeLogo from '@/assets/logo/homeLogo.png'
 import avatar_icon from '@/assets/images/avatar_icon.png'
 import logout_icon from '@/assets/images/logout_icon.png'
+import icon_feedback from '@/assets/images/icon_feedback.png'
 import TopNav from '@/components/TopNav'
 import useAppStore from '@/store/modules/app'
 import useUserStore from '@/store/modules/user'
@@ -42,7 +64,7 @@ import useSettingsStore from '@/store/modules/settings'
 const appStore = useAppStore()
 const userStore = useUserStore()
 const settingsStore = useSettingsStore()
-
+const { proxy } = getCurrentInstance()
 console.log('settingsStore.topNav', settingsStore.topNav)
 
 function toggleSideBar() {
@@ -54,6 +76,8 @@ const logout = () => {
   ElMessageBox.confirm('确定注销并退出系统吗？', '提示', {
     confirmButtonText: '确定',
     cancelButtonText: '取消',
+    confirmButtonClass: 'custom-confirm-btn',
+    cancelButtonClass: 'custom-cancel-btn',
     closeOnClickModal: false, // 禁止点击遮罩层关闭
     type: 'warning'
   }).then(() => {
@@ -71,6 +95,35 @@ function setLayout() {
 function toggleTheme() {
   settingsStore.toggleTheme()
 }
+
+const openFeedBack = ref(false)
+const data = reactive({
+  form: {},
+  rules: {
+    menuName: [{ required: true, message: "反馈内容不能为空", trigger: "blur" }]
+  },
+})
+
+const { queryParams, form, rules } = toRefs(data)
+const handleFeedBack = () => {
+  openFeedBack.value = true
+}
+const cancel = () => {
+  openFeedBack.value = false
+  form.value = {}
+}
+const submitForm = () => {
+  proxy.$refs["feedBackRef"].validate(valid => {
+    if (valid) {
+      openFeedBack.value = false
+      // addMenu(form.value).then(response => {
+      //   proxy.$modal.msgSuccess("新增成功")
+      //   open.value = false
+      //   getList()
+      // })
+    }
+  })
+}
 </script>
 
 <style lang='scss' scoped>
@@ -81,31 +134,33 @@ function toggleTheme() {
 
 .navbar {
   height: 80px;
+  width: 100%;
   overflow: hidden;
-  position: relative;
+  position: fixed;
   background: transparent;
   box-shadow: none;
+  padding: 0 36px;
 
   .navContent {
-    height: 43px; 
-    margin: 19px 40px 18px 40px;
+    height: 43px;
+    margin: 19px 0px 18px 0px;
     display: flex; // 添加flex布局
     justify-content: space-between; // 使子元素平均分布
     align-items: center; // 垂直居中
   }
 
   .systemLogoContent {
-    width: 220px; 
+    width: 220px;
   }
 
-  .topmenu-container { 
+  .topmenu-container {
     flex: 1; // 占据剩余空间
     padding-left: 284px; // 替代原来的padding-left 
   }
 
   .right-menu {
     height: 100%;
-    width: 220px; 
+    width: 220px;
     text-align: right;
     line-height: normal; // 覆盖原来的line-height
     display: flex; // 内部也使用flex
@@ -116,13 +171,13 @@ function toggleTheme() {
       outline: none;
     }
 
-    .right-menu-item { 
+    .right-menu-item {
       height: 100%;
       font-size: 18px;
       color: #5a5e66;
       vertical-align: text-bottom;
 
-      &.hover-effect { 
+      &.hover-effect {
         transition: background 0.3s;
 
         &:hover {
@@ -148,7 +203,7 @@ function toggleTheme() {
       margin-right: 0px;
       padding-right: 0px;
 
-      .avatar-wrapper { 
+      .avatar-wrapper {
         display: flex;
         align-items: center;
 
@@ -158,7 +213,7 @@ function toggleTheme() {
           border-radius: 50%;
         }
 
-        .user-nickname { 
+        .user-nickname {
           bottom: 0 !important; // 移除原来的bottom定位
           margin-left: 8px;
           font-family: Microsoft YaHei;
@@ -178,12 +233,17 @@ function toggleTheme() {
     }
   }
 
-  .logout_icon {  
+  .feedback_icon {
+    margin-right: 34px;
+    cursor: pointer;
+  }
+
+  .logout_icon {
     margin-left: 30px;
     cursor: pointer;
   }
 }
-  
+
 .hamburger-container {
   line-height: 46px;
   height: 100%;
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 2f1b148..aab70f7 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -110,7 +110,7 @@ function setLayout() {
 }
 
 .hideSidebar .fixed-header {
-  width: calc(100% - 54px);
+  width: 100%;
 }
 
 .sidebarHide .fixed-header {
diff --git a/src/views/index.vue b/src/views/index.vue
index e031c98..2720fd5 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -47,11 +47,15 @@
           <img :src="notic_icon" class="custom-icon" /><span>系统通知</span>
         </div>
       </div>
-      <ul class="resource-list">
+      <ul class="resource-list" v-if="notices.length > 0">
         <li v-for="(notice, index) in notices" :key="index" class="resource-link">
           {{ notice.content }}
         </li>
       </ul>
+      <div class="no_result" v-else>
+        <img :src="no_notice" />
+        <div class="no_notice_title">暂无通知</div>
+      </div>
     </div>
   </div>
 </template>
@@ -63,7 +67,8 @@ import supplierManage from '@/assets/images/supplierManage.png'
 import mediaLibary from '@/assets/images/mediaLibary.png'
 import outdoorMediaMap from '@/assets/images/outdoorMediaMap.png'
 import notic_icon from '@/assets/images/notic-icon.png'
-import {useBackgroundStore} from '@/store/modules/background' 
+import no_notice from '@/assets/images/no_notice.png'
+import { useBackgroundStore } from '@/store/modules/background'
 import bigBackgroud from '@/assets/images/bigBackgroud.png'
 const bgStore = useBackgroundStore()
 
@@ -73,32 +78,32 @@ onMounted(() => {
 });
 
 const notices = ref([
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
-  { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
+  // { date: 'XXXXX供应商信息记不全，请完善！', content: 'XXXXX供应商信息记不全，请完善！' },
 ]);
-</script> 
+</script>
 <style scoped lang="scss">
 .flex-container {
   display: flex;
@@ -246,6 +251,20 @@ const notices = ref([
   margin-bottom: 20px;
 }
 
+.no_result {
+  height: 416px;
+  text-align: center;
+  margin-bottom: 22px;
+  padding: 110px 0;
+}
+
+.no_notice_title {
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  font-size: 16px;
+  color: #FFFFFF60;
+}
+
 .resource-list {
   font-family: Microsoft YaHei;
   font-weight: 400;
diff --git a/src/views/monitor/operlog/index.vue b/src/views/monitor/operlog/index.vue
index 52e0e87..c3ccafb 100644
--- a/src/views/monitor/operlog/index.vue
+++ b/src/views/monitor/operlog/index.vue
@@ -15,12 +15,12 @@
                   @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item label="类型:" prop="businessType">
-               <el-select v-model="queryParams.businessType" placeholder="操作类型" clearable style="min-width: 86px">
+               <el-select v-model="queryParams.businessType" placeholder="操作类型" clearable style="min-width: 30px">
                   <el-option v-for="dict in sys_oper_type" :key="dict.value" :label="dict.label" :value="dict.value" />
                </el-select>
             </el-form-item>
             <el-form-item label="状态:" prop="status">
-               <el-select v-model="queryParams.status" placeholder="操作状态" clearable style="min-width: 86px">
+               <el-select v-model="queryParams.status" placeholder="操作状态" clearable style="min-width: 30px">
                   <el-option v-for="dict in sys_common_status" :key="dict.value" :label="dict.label"
                      :value="dict.value" />
                </el-select>
@@ -32,7 +32,7 @@
             </el-form-item>
          </el-form>
       </div>
-      <el-card>
+      <el-card class="mt20">
          <template #header>
             <div class="card-header">
                <span>系统管理</span> <span class="subHeaderTitle">- 日志查看与管理</span>
@@ -41,7 +41,7 @@
 
          <el-row :gutter="10" class="my_row">
             <el-col :span="24">
-               <el-button type="primary" class="primaryBtn" @click="handleQuery">搜索</el-button>
+               <el-button type="primary" class="primaryBtn" @click="handleQuery">查询</el-button>
                <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
                <el-button type="primary" class="primaryBtn" :disabled="multiple" @click="handleDelete"
                   v-hasPermi="['monitor:operlog:remove']">删除</el-button>
@@ -95,14 +95,14 @@
       </el-card>
 
       <!-- 操作日志详细 -->
-      <el-dialog title="操作日志详细" v-model="open" width="800px" class="my_dialog" append-to-body :destroy-on-close="true"
+      <el-dialog title="操作日志详细" v-model="open" width="800px" class="my_dialog" align-center :destroy-on-close="true"
          :close-on-click-modal="false">
          <el-form :model="form" label-width="100px" class="myInsertForm">
             <el-row>
                <el-col :span="12">
                   <el-form-item label="操作模块：">{{ form.title }} / {{ typeFormat(form) }}</el-form-item>
                   <el-form-item label="登录信息：">{{ form.operName }} / {{ form.operIp }} / {{ form.operLocation
-                     }}</el-form-item>
+                  }}</el-form-item>
                </el-col>
                <el-col :span="12">
                   <el-form-item label="请求地址：">{{ form.operUrl }}</el-form-item>
@@ -136,7 +136,7 @@
          </el-form>
          <template #footer>
             <div class="dialog-footer">
-               <el-button @click="open = false">关 闭</el-button>
+               <el-button class="my-cancel-btn" @click="open = false">关 闭</el-button>
             </div>
          </template>
       </el-dialog>
@@ -144,6 +144,10 @@
 </template>
 
 <script setup name="Operlog">
+import { onMounted, ref } from 'vue';
+import { useBackgroundStore } from '@/store/modules/background'
+import otherbg from '@/assets/images/otherbg.png'
+const bgStore = useBackgroundStore()
 import { list, delOperlog, cleanOperlog } from "@/api/monitor/operlog"
 
 const { proxy } = getCurrentInstance()
@@ -252,5 +256,9 @@ function handleExport() {
    }, `config_${new Date().getTime()}.xlsx`)
 }
 
-getList()
+// 初始化
+onMounted(() => {
+   bgStore.setBgImage(otherbg)
+   getList()
+});  
 </script>
diff --git a/src/views/problemFeedback/index.vue b/src/views/problemFeedback/index.vue
index 0cdf9da..0918e58 100644
--- a/src/views/problemFeedback/index.vue
+++ b/src/views/problemFeedback/index.vue
@@ -11,10 +11,10 @@
                 </el-form-item>
             </el-form>
         </div>
-        <el-card>  
+        <el-card class="mt20">  
             <el-row :gutter="10" class="my_row">
                 <el-col :span="24">
-                    <el-button type="primary" class="primaryBtn" @click="handleQuery">搜索</el-button>
+                    <el-button type="primary" class="primaryBtn" @click="handleQuery">查询</el-button>
                     <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
                 </el-col>
             </el-row>
@@ -96,21 +96,7 @@ function getList() {
         loading.value = false
     })
 }
- 
-
-/** 表单重置 */
-function reset() {
-    form.value = {
-        postId: undefined,
-        postCode: undefined,
-        postName: undefined,
-        postSort: 0,
-        status: "0",
-        remark: undefined
-    }
-    proxy.resetForm("postRef")
-}
-
+  
 /** 搜索按钮操作 */
 function handleQuery() {
     queryParams.value.pageNum = 1
diff --git a/src/views/supplier/index.vue b/src/views/supplier/index.vue
new file mode 100644
index 0000000..20be057
--- /dev/null
+++ b/src/views/supplier/index.vue
@@ -0,0 +1,222 @@
+<template>
+    <div class="app-container">
+        <div class="searchPanel">
+            <div class="more-search-pane">
+                <div class="search-where-container">
+                    <el-form :model="queryParams" ref="queryRef" :inline="true" class="searchPanelForm">
+                        <el-form-item label="发票类型:">
+                            <el-select v-model="queryParams.invoice_type" placeholder="请选择" style="min-width: 30px;"
+                                clearable> 
+                                <el-option v-for="dict in invoice_type" :key="dict.value" :label="dict.label"
+                                    :value="dict.value" />
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="媒体归属:">
+                            <el-select v-model="queryParams.media_ownership" placeholder="请选择" style="min-width: 30px;" clearable>
+                                <el-option v-for="dict in media_ownership" :key="dict.value" :label="dict.label"
+                                    :value="dict.value" />
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="人员规模:">
+                            <el-select v-model="queryParams.personnel_size" placeholder="请选择" style="min-width: 30px;" clearable>
+                                <el-option v-for="dict in personnel_size" :key="dict.value" :label="dict.label"
+                                    :value="dict.value" />
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="主营媒体类型:">
+                            <el-select v-model="queryParams.main_media_types" placeholder="请选择" style="min-width: 30px;" clearable>
+                                <el-option v-for="dict in main_media_types" :key="dict.value" :label="dict.label"
+                                    :value="dict.value" />
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="媒体质量:">
+                            <el-select v-model="queryParams.media_quality" placeholder="请选择" style="min-width: 30px;" clearable>
+                                <el-option v-for="dict in media_quality" :key="dict.value" :label="dict.label"
+                                    :value="dict.value" />
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="有无合作历史:">
+                            <el-select v-model="queryParams.history_cooperation" placeholder="请选择" style="min-width: 30px;" clearable>
+                                <el-option v-for="dict in history_cooperation" :key="dict.value" :label="dict.label"
+                                    :value="dict.value" />
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="供应商级别:">
+                            <el-select v-model="queryParams.supplier_level" placeholder="请选择" style="min-width: 30px;" clearable>
+                                <el-option v-for="dict in supplier_level" :key="dict.value" :label="dict.label"
+                                    :value="dict.value" />
+                            </el-select>
+                        </el-form-item>
+                    </el-form>
+                </div>
+                <div class="search-more-button">
+                    <el-button v-if="!unfoldFlag" text class="foladText" @click="handleFlod">展开
+                        <svg-icon icon-class="unfold" class="ml10" />
+                    </el-button>
+                    <el-button v-else text class="foladText" @click="handleFlod">收起
+                        <svg-icon icon-class="packUp" class="ml10" />
+                    </el-button>
+                </div>
+            </div>
+        </div>
+        <div class="searchSmallPanel" v-show="unfoldFlag">
+            <el-form :model="queryParams" ref="queryRef" :inline="true" class="searchSmallPanelForm">
+                <el-form-item label="供应商配合度:">
+                    <el-select v-model="queryParams.supplier_cooperation_degree" placeholder="请选择" style="min-width: 30px;" clearable >
+                        <el-option v-for="dict in supplier_cooperation_degree" :key="dict.value" :label="dict.label"
+                            :value="dict.value" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="主营业务:">
+                    <el-select v-model="queryParams.main_business" placeholder="请选择" clearable style="min-width: 30px;">
+                        <el-option v-for="dict in main_business" :key="dict.value" :label="dict.label"
+                            :value="dict.value" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="业务部门:">
+
+                </el-form-item>
+                <el-form-item label="城市:">
+
+                </el-form-item>
+                <el-form-item label="">
+
+                </el-form-item>
+                <el-form-item label="">
+
+                </el-form-item>
+            </el-form>
+        </div>
+
+        <el-card class="mt20">
+            <el-row :gutter="10" class="my_row"><el-col :span="12">
+                    <el-form :model="queryParams" ref="queryRef" :inline="true" class="searchInputForm">
+                        <el-form-item label="">
+                            <el-input v-model="form.postCode" placeholder="请输入供应商名称/集团公司名称/联系人/联系人电话"
+                                :prefix-icon="Search" style="width: 500px;" />
+                        </el-form-item>
+                    </el-form>
+                </el-col>
+                <el-col :span="12" style="text-align: right;">
+                    <el-button type="primary" class="primaryBtn" @click="handleQuery">查询</el-button>
+                    <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
+                </el-col>
+            </el-row>
+
+             <el-table v-loading="loading" :data="supplierList" :height="unfoldFlag ? 'calc(100vh - 342px)' : 'calc(100vh - 308px)'"> 
+                 <el-table-column label="序号" align="center" width="80">
+                    <template #default="scope">
+                        {{ scope.$index + 1 }}
+                    </template>
+                </el-table-column>
+                <el-table-column label="供应商名称" align="center" prop="postId" width="230" />
+                <el-table-column label="城市" align="center" prop="postCode" width="150"/> 
+                <el-table-column label="主营业务" align="center" prop="postCode" width="150"/> 
+                <el-table-column label="主营媒体类型" align="center" prop="postCode" width="150"/> 
+                <el-table-column label="媒体质量" align="center" prop="postCode" width="150"/> 
+                <el-table-column label="供应商配合度" align="center" prop="postCode" width="150"/> 
+                <el-table-column label="人员规模" align="center" prop="postCode" width="150"/> 
+                <el-table-column label="公司类型" align="center" prop="postCode" width="150"/> 
+                <el-table-column label="年营收金额" align="center" prop="postCode" width="150"/> 
+                <el-table-column label="媒体归属" align="center" prop="postCode" width="150"/> 
+                <el-table-column label="媒体年限" align="center" prop="postCode" width="150"/> 
+                <el-table-column label="有无合作历史" align="center" prop="postCode" width="150"/> 
+                <el-table-column label="合作折扣力度" align="center" prop="postCode" width="150"/> 
+                <el-table-column label="供应商联系人" align="center" prop="postCode" width="150"/> 
+                <el-table-column label="供应商联系电话" align="center" prop="postCode" width="150"/> 
+                <!-- <el-table-column label="反馈时间" align="center" prop="createTime" width="210">
+                    <template #default="scope">
+                        <span>{{ parseTime(scope.row.createTime) }}</span>
+                    </template>
+                </el-table-column> -->
+                <el-table-column label="操作" width="160" align="center" fixed="right" >
+                    <template #default="scope">
+                        <el-button link type="primary" @click="handleUpdate(scope.row)"
+                            v-hasPermi="['problemFeedback:edit']">修改</el-button>
+                        <el-button link type="primary" @click="handleDelete(scope.row)"
+                            v-hasPermi="['problemFeedback:remove']">删除</el-button>
+                        <el-button link type="primary" @click="handleDelete(scope.row)"
+                            v-hasPermi="['problemFeedback:remove']">日志</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+
+            <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
+                @pagination="getList" />
+        </el-card>
+    </div>
+</template>
+<script setup name="Post">
+
+import { onMounted, ref } from 'vue';
+import { Search } from '@element-plus/icons-vue'
+import { useBackgroundStore } from '@/store/modules/background'
+import otherbg from '@/assets/images/otherbg.png'
+const bgStore = useBackgroundStore()
+
+const { proxy } = getCurrentInstance()
+const { invoice_type, media_ownership, personnel_size, main_media_types, media_quality, history_cooperation, supplier_level, supplier_cooperation_degree, main_business } = proxy.useDict("invoice_type", "media_ownership", "personnel_size", "main_media_types", "media_quality", "history_cooperation", "supplier_level", "supplier_cooperation_degree", "main_business")
+
+
+
+const supplierList = ref([])
+const loading = ref(true)
+const total = ref(0)
+const data = reactive({
+    form: {},
+    queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+    },
+    rules: {
+        postName: [{ required: true, message: "岗位名称不能为空", trigger: "blur" }],
+        postCode: [{ required: true, message: "岗位编码不能为空", trigger: "blur" }],
+        postSort: [{ required: true, message: "岗位顺序不能为空", trigger: "blur" }],
+    }
+})
+
+const { queryParams, form, rules } = toRefs(data)
+
+// 折叠展开
+const unfoldFlag = ref(false)
+const handleFlod = () => {
+    unfoldFlag.value = !unfoldFlag.value
+}
+
+/** 查询岗位列表 */
+const getList = () => {
+    loading.value = false
+    // listPost(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
+    //     postList.value = response.rows
+    //     total.value = response.total
+    //     loading.value = false
+    // })
+}
+/** 搜索按钮操作 */
+const handleQuery = () => {
+    queryParams.value.pageNum = 1
+    getList()
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+    proxy.resetForm("queryRef")
+    handleQuery()
+}
+/** 删除按钮操作 */
+const handleDelete = (row) => {
+    const postIds = row.postId || ids.value
+    proxy.$modal.confirm('是否确认删除岗位编号为"' + postIds + '"的数据项？').then(function () {
+        return delPost(postIds)
+    }).then(() => {
+        getList()
+        proxy.$modal.msgSuccess("删除成功")
+    }).catch(() => { })
+}
+
+// 初始化
+onMounted(() => {
+    bgStore.setBgImage(otherbg)
+    getList()
+}); 
+</script>
\ No newline at end of file
diff --git a/src/views/system/administrativeRegion/index.vue b/src/views/system/administrativeRegion/index.vue
index 3801c69..36b1d49 100644
--- a/src/views/system/administrativeRegion/index.vue
+++ b/src/views/system/administrativeRegion/index.vue
@@ -1,5 +1,5 @@
 <template>
-   <div class="app-container"> 
+   <div class="app-container">
       <el-card>
          <template #header>
             <div class="card-header">
@@ -39,7 +39,7 @@
       </el-card>
 
       <!-- 添加或修改部门对话框 -->
-      <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" append-to-body :destroy-on-close="true"
+      <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" align-center :destroy-on-close="true"
          :close-on-click-modal="false">
          <el-form ref="deptRef" :model="form" :rules="rules" label-width="100px" class="myInsertForm">
             <el-form-item label="上级节点" prop="parentId">
@@ -52,12 +52,12 @@
             </el-form-item>
             <el-form-item label="地区标识" prop="orderNum">
                <el-input-number v-model="form.orderNum" controls-position="right" :min="0" />
-            </el-form-item> 
+            </el-form-item>
          </el-form>
          <template #footer>
             <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
+               <el-button class="my-cancel-btn" @click="cancel">取 消</el-button>
+               <el-button class="my-confirm-btn" type="primary" @click="submitForm">确 定</el-button>
             </div>
          </template>
       </el-dialog>
diff --git a/src/views/system/businessArea/index.vue b/src/views/system/businessArea/index.vue
index 04694ce..7ae4d57 100644
--- a/src/views/system/businessArea/index.vue
+++ b/src/views/system/businessArea/index.vue
@@ -3,31 +3,31 @@
         <div class="searchPanel">
             <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" class="searchPanelForm">
                 <el-form-item label="城市:">
-                    <el-select v-model="queryParams.status" placeholder="请选择" clearable style="width: 86px">
+                    <el-select v-model="queryParams.status" placeholder="请选择" clearable style="min-width: 30px">
                         <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
                             :value="dict.value" />
                     </el-select>
                 </el-form-item>
                 <el-form-item label="">
-                    <el-select v-model="queryParams.status" placeholder="请选择" clearable style="width: 86px">
+                    <el-select v-model="queryParams.status" placeholder="请选择" clearable style="min-width: 30px">
                         <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
                             :value="dict.value" />
                     </el-select>
                 </el-form-item>
                 <el-form-item label="">
-                    <el-select v-model="queryParams.status" placeholder="请选择" clearable style="width: 86px">
+                    <el-select v-model="queryParams.status" placeholder="请选择" clearable style="min-width: 30px">
                         <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
                             :value="dict.value" />
                     </el-select>
                 </el-form-item>
                 <el-form-item label="">
-                    <el-select v-model="queryParams.status" placeholder="请选择" clearable style="width: 86px">
+                    <el-select v-model="queryParams.status" placeholder="请选择" clearable style="min-width: 30px">
                         <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
                             :value="dict.value" />
                     </el-select>
                 </el-form-item>
                 <el-form-item label="商圈:">
-                    <el-select v-model="queryParams.status" placeholder="请选择" clearable style="width: 86px">
+                    <el-select v-model="queryParams.status" placeholder="请选择" clearable style="min-width: 30px">
                         <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
                             :value="dict.value" />
                     </el-select>
@@ -36,7 +36,7 @@
         </div>
 
 
-        <el-card>
+        <el-card class="mt20">
             <template #header>
                 <div class="card-header">
                     <span>系统管理</span> <span class="subHeaderTitle">- 商圈管理</span>
@@ -44,10 +44,10 @@
             </template>
             <el-row :gutter="10" class="my_row">
                 <el-col :span="24">
+                    <el-button type="primary" class="primaryBtn" @click="handleQuery">查询</el-button>
+                    <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
                     <el-button type="primary" class="primaryBtn" @click="handleAdd"
                         v-hasPermi="['system:businessArea:add']">新增</el-button>
-                    <el-button type="primary" class="primaryBtn" @click="handleQuery">搜索</el-button>
-                    <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
                 </el-col>
             </el-row>
 
@@ -72,13 +72,13 @@
                 </el-table-column>
             </el-table>
 
-            <pagination :total="total" v-model:page="queryParams.pageNum"
-                v-model:limit="queryParams.pageSize" @pagination="getList" />
+            <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
+                @pagination="getList" />
 
         </el-card>
 
         <!-- 添加或修改岗位对话框 -->
-        <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" append-to-body :destroy-on-close="true"
+        <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" align-center :destroy-on-close="true"
             :close-on-click-modal="false">
             <el-form ref="postRef" :model="form" :rules="rules" label-width="120px" class="myInsertForm">
                 <el-form-item label="省/直辖市" prop="postName">
@@ -111,8 +111,8 @@
             </el-form>
             <template #footer>
                 <div class="dialog-footer">
-                    <el-button type="primary" @click="submitForm">确 定</el-button>
-                    <el-button @click="cancel">取 消</el-button>
+                    <el-button class="my-cancel-btn" @click="cancel">取 消</el-button>
+                    <el-button class="my-confirm-btn" type="primary" @click="submitForm">确 定</el-button>
                 </div>
             </template>
         </el-dialog>
diff --git a/src/views/system/config/index.vue b/src/views/system/config/index.vue
index a358b0d..de32927 100644
--- a/src/views/system/config/index.vue
+++ b/src/views/system/config/index.vue
@@ -130,7 +130,7 @@
       />
 
       <!-- 添加或修改参数配置对话框 -->
-      <el-dialog :title="title" v-model="open" width="500px" append-to-body>
+      <el-dialog :title="title" v-model="open" width="500px" align-center>
          <el-form ref="configRef" :model="form" :rules="rules" label-width="80px">
             <el-form-item label="参数名称" prop="configName">
                <el-input v-model="form.configName" placeholder="请输入参数名称" />
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index 632e443..53a7ead 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -7,14 +7,14 @@
                   @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item label="状态:" prop="status">
-               <el-select v-model="queryParams.status" placeholder="部门状态" clearable style="min-width: 86px">
+               <el-select v-model="queryParams.status" placeholder="部门状态" clearable style="min-width: 30px">
                   <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
                      :value="dict.value" />
                </el-select>
             </el-form-item>
          </el-form>
       </div>
-      <el-card>
+      <el-card class="mt20">
          <template #header>
             <div class="card-header">
                <span>系统管理</span> <span class="subHeaderTitle">- 部门管理</span>
@@ -23,11 +23,11 @@
 
          <el-row :gutter="10" class="my_row">
             <el-col :span="24">
+               <el-button type="primary" class="primaryBtn" @click="handleQuery">查询</el-button>
+               <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
                <el-button type="primary" class="primaryBtn" @click="handleAdd"
                   v-hasPermi="['system:dept:add']">新增</el-button>
                <el-button type="primary" class="primaryBtn" @click="toggleExpandAll">展开/折叠</el-button>
-               <el-button type="primary" class="primaryBtn" @click="handleQuery">搜索</el-button>
-               <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
             </el-col>
          </el-row>
 
@@ -60,7 +60,7 @@
       </el-card>
 
       <!-- 添加或修改部门对话框 -->
-      <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" append-to-body :destroy-on-close="true"
+      <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" align-center :destroy-on-close="true"
          :close-on-click-modal="false">
          <el-form ref="deptRef" :model="form" :rules="rules" label-width="100px" class="myInsertForm">
             <el-row>
@@ -100,7 +100,7 @@
                   <el-form-item label="部门状态">
                      <el-radio-group v-model="form.status">
                         <el-radio v-for="dict in sys_normal_disable" :key="dict.value" :value="dict.value">{{ dict.label
-                        }}</el-radio>
+                           }}</el-radio>
                      </el-radio-group>
                   </el-form-item>
                </el-col>
@@ -108,8 +108,8 @@
          </el-form>
          <template #footer>
             <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
+               <el-button class="my-cancel-btn" @click="cancel">取 消</el-button>
+               <el-button class="my-confirm-btn" type="primary" @click="submitForm">确 定</el-button>
             </div>
          </template>
       </el-dialog>
diff --git a/src/views/system/dict/data.vue b/src/views/system/dict/data.vue
index 8ef16d3..56a1085 100644
--- a/src/views/system/dict/data.vue
+++ b/src/views/system/dict/data.vue
@@ -3,7 +3,7 @@
       <div class="searchPanel">
          <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" class="searchPanelForm">
             <el-form-item label="字典名称:" prop="dictType">
-               <el-select v-model="queryParams.dictType" style="width: 140px">
+               <el-select v-model="queryParams.dictType" style="min-width: 30px">
                   <el-option v-for="item in typeOptions" :key="item.dictId" :label="item.dictName"
                      :value="item.dictType" />
                </el-select>
@@ -13,14 +13,14 @@
                   @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item label="状态:" prop="status">
-               <el-select v-model="queryParams.status" placeholder="数据状态" clearable style="min-width: 86px">
+               <el-select v-model="queryParams.status" placeholder="数据状态" clearable style="min-width: 30px">
                   <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
                      :value="dict.value" />
                </el-select>
             </el-form-item>
          </el-form>
       </div>
-      <el-card>
+      <el-card class="mt20">
          <template #header>
             <div class="card-header">
                <span>系统管理</span> <span class="subHeaderTitle">- 字典管理 - 字典明细</span>
@@ -29,6 +29,8 @@
 
          <el-row :gutter="10" class="my_row">
             <el-col :span="24">
+               <el-button type="primary" class="primaryBtn" @click="handleQuery">查询</el-button>
+               <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
                <el-button type="primary" class="primaryBtn" @click="handleAdd"
                   v-hasPermi="['system:dict:add']">新增</el-button>
                <el-button type="primary" class="primaryBtn" :disabled="single" @click="handleUpdate"
@@ -38,8 +40,6 @@
                <el-button type="primary" class="primaryBtn" @click="handleExport"
                   v-hasPermi="['system:dict:export']">导出</el-button>
                <el-button type="primary" class="primaryBtn" @click="handleClose">关闭</el-button>
-               <el-button type="primary" class="primaryBtn" @click="handleQuery">搜索</el-button>
-               <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
             </el-col>
          </el-row>
 
@@ -79,8 +79,8 @@
             </el-table-column>
          </el-table>
 
-         <pagination :total="total" v-model:page="queryParams.pageNum"
-            v-model:limit="queryParams.pageSize" @pagination="getList" />
+         <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
+            @pagination="getList" />
 
       </el-card>
 
@@ -88,7 +88,7 @@
 
 
       <!-- 添加或修改参数配置对话框 -->
-      <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" append-to-body :destroy-on-close="true"
+      <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" align-center :destroy-on-close="true"
          :close-on-click-modal="false">
          <el-form ref="dataRef" :model="form" :rules="rules" label-width="120px" class="myInsertForm">
             <el-form-item label="字典类型">
@@ -115,7 +115,7 @@
             <el-form-item label="状态" prop="status">
                <el-radio-group v-model="form.status">
                   <el-radio v-for="dict in sys_normal_disable" :key="dict.value" :value="dict.value">{{ dict.label
-                  }}</el-radio>
+                     }}</el-radio>
                </el-radio-group>
             </el-form-item>
             <el-form-item label="备注" prop="remark">
@@ -124,8 +124,8 @@
          </el-form>
          <template #footer>
             <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
+               <el-button class="my-cancel-btn" @click="cancel">取 消</el-button>
+               <el-button class="my-confirm-btn" type="primary" @click="submitForm">确 定</el-button>
             </div>
          </template>
       </el-dialog>
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index 2e43782..e303b76 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -11,7 +11,7 @@
                   @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item label="状态:" prop="status">
-               <el-select v-model="queryParams.status" placeholder="字典状态" clearable style="min-width: 86px">
+               <el-select v-model="queryParams.status" placeholder="字典状态" clearable style="min-width: 30px">
                   <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
                      :value="dict.value" />
                </el-select>
@@ -23,7 +23,7 @@
          </el-form>
       </div>
 
-      <el-card>
+      <el-card class="mt20">
          <template #header>
             <div class="card-header">
                <span>系统管理</span> <span class="subHeaderTitle">- 字典管理</span>
@@ -32,6 +32,8 @@
 
          <el-row :gutter="10" class="my_row">
             <el-col :span="24">
+               <el-button type="primary" class="primaryBtn" @click="handleQuery">查询</el-button>
+               <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
                <el-button type="primary" class="primaryBtn" @click="handleAdd"
                   v-hasPermi="['system:dict:add']">新增</el-button>
                <el-button type="primary" class="primaryBtn" :disabled="single" @click="handleUpdate"
@@ -42,8 +44,6 @@
                   v-hasPermi="['system:dict:export']">导出</el-button>
                <el-button type="primary" class="primaryBtn" @click="handleRefreshCache"
                   v-hasPermi="['system:dict:remove']">刷新缓存</el-button>
-               <el-button type="primary" class="primaryBtn" @click="handleQuery">搜索</el-button>
-               <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
             </el-col>
          </el-row>
 
@@ -80,12 +80,12 @@
             </el-table-column>
          </el-table>
 
-         <pagination :total="total" v-model:page="queryParams.pageNum"
-            v-model:limit="queryParams.pageSize" @pagination="getList" />
+         <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
+            @pagination="getList" />
       </el-card>
 
       <!-- 添加或修改参数配置对话框 -->
-      <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" append-to-body :destroy-on-close="true"
+      <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" align-center :destroy-on-close="true"
          :close-on-click-modal="false">
          <el-form ref="dictRef" :model="form" :rules="rules" label-width="120px" class="myInsertForm">
             <el-form-item label="字典名称" prop="dictName">
@@ -97,7 +97,7 @@
             <el-form-item label="状态" prop="status">
                <el-radio-group v-model="form.status">
                   <el-radio v-for="dict in sys_normal_disable" :key="dict.value" :value="dict.value">{{ dict.label
-                     }}</el-radio>
+                  }}</el-radio>
                </el-radio-group>
             </el-form-item>
             <el-form-item label="备注" prop="remark">
@@ -106,8 +106,8 @@
          </el-form>
          <template #footer>
             <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
+               <el-button class="my-cancel-btn" @click="cancel">取 消</el-button>
+               <el-button class="my-confirm-btn" type="primary" @click="submitForm">确 定</el-button>
             </div>
          </template>
       </el-dialog>
diff --git a/src/views/system/mediaType/index.vue b/src/views/system/mediaType/index.vue
index a1eb433..d76507d 100644
--- a/src/views/system/mediaType/index.vue
+++ b/src/views/system/mediaType/index.vue
@@ -1,5 +1,5 @@
 <template>
-   <div class="app-container"> 
+   <div class="app-container">
       <el-card>
          <template #header>
             <div class="card-header">
@@ -39,7 +39,7 @@
       </el-card>
 
       <!-- 添加或修改部门对话框 -->
-      <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" append-to-body :destroy-on-close="true"
+      <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" align-center :destroy-on-close="true"
          :close-on-click-modal="false">
          <el-form ref="deptRef" :model="form" :rules="rules" label-width="100px" class="myInsertForm">
             <el-form-item label="上级类型" prop="parentId">
@@ -56,7 +56,7 @@
             <el-form-item label="是否可用">
                <el-radio-group v-model="form.status">
                   <el-radio v-for="dict in sys_normal_disable" :key="dict.value" :value="dict.value">{{ dict.label
-                  }}</el-radio>
+                     }}</el-radio>
                </el-radio-group>
             </el-form-item>
             <el-form-item label="备注">
@@ -65,8 +65,8 @@
          </el-form>
          <template #footer>
             <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
+               <el-button class="my-cancel-btn" @click="cancel">取 消</el-button>
+               <el-button class="my-confirm-btn" type="primary" @click="submitForm">确 定</el-button>
             </div>
          </template>
       </el-dialog>
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 57e7504..7914686 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -7,7 +7,7 @@
                   @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item label="状态:" prop="status">
-               <el-select v-model="queryParams.status" placeholder="请选择" clearable style="min-width: 70px">
+               <el-select v-model="queryParams.status" placeholder="请选择" clearable style="min-width: 30px;">
                   <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
                      :value="dict.value" />
                </el-select>
@@ -15,7 +15,7 @@
          </el-form>
       </div>
 
-      <el-card>
+      <el-card class="mt20">
          <template #header>
             <div class="card-header">
                <span>系统管理</span> <span class="subHeaderTitle">- 菜单管理</span>
@@ -24,11 +24,11 @@
 
          <el-row :gutter="10" class="my_row">
             <el-col :span="24">
+               <el-button type="primary" class="primaryBtn" @click="handleQuery">查询</el-button>
+               <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
                <el-button type="primary" class="primaryBtn" @click="handleAdd"
                   v-hasPermi="['system:menu:add']">新增</el-button>
                <el-button type="primary" class="primaryBtn" @click="toggleExpandAll">展开/折叠</el-button>
-               <el-button type="primary" class="primaryBtn" @click="handleQuery">搜索</el-button>
-               <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
             </el-col>
          </el-row>
 
@@ -70,7 +70,7 @@
 
 
       <!-- 添加或修改菜单对话框 -->
-      <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" append-to-body :destroy-on-close="true"
+      <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" align-center :destroy-on-close="true"
          :close-on-click-modal="false">
          <el-form ref="menuRef" :model="form" :rules="rules" label-width="120px" class="myInsertForm">
             <el-row>
@@ -253,8 +253,8 @@
          </el-form>
          <template #footer>
             <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
+               <el-button class="my-cancel-btn" @click="cancel">取 消</el-button>
+               <el-button class="my-confirm-btn" type="primary" @click="submitForm">确 定</el-button>
             </div>
          </template>
       </el-dialog>
@@ -425,10 +425,11 @@ function handleDelete(row) {
    }).catch(() => { })
 }
 
+
+
 // 初始化
 onMounted(() => {
    bgStore.setBgImage(otherbg)
    getList()
 });
-</script>
- 
\ No newline at end of file
+</script>
\ No newline at end of file
diff --git a/src/views/system/notice/index.vue b/src/views/system/notice/index.vue
index 7bb7c11..500c1d4 100644
--- a/src/views/system/notice/index.vue
+++ b/src/views/system/notice/index.vue
@@ -110,7 +110,7 @@
       />
 
       <!-- 添加或修改公告对话框 -->
-      <el-dialog :title="title" v-model="open" width="780px" append-to-body>
+      <el-dialog :title="title" v-model="open" width="780px" align-center>
          <el-form ref="noticeRef" :model="form" :rules="rules" label-width="80px">
             <el-row>
                <el-col :span="12">
diff --git a/src/views/system/post/index.vue b/src/views/system/post/index.vue
index b989177..2935ffa 100644
--- a/src/views/system/post/index.vue
+++ b/src/views/system/post/index.vue
@@ -11,14 +11,14 @@
                   @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item label="状态:" prop="status">
-               <el-select v-model="queryParams.status" placeholder="岗位状态" clearable style="width: 86px">
+               <el-select v-model="queryParams.status" placeholder="岗位状态" clearable style="min-width: 30px">
                   <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
                      :value="dict.value" />
                </el-select>
             </el-form-item>
          </el-form>
       </div>
-      <el-card>
+      <el-card class="mt20">
          <template #header>
             <div class="card-header">
                <span>系统管理</span> <span class="subHeaderTitle">- 岗位管理</span>
@@ -27,6 +27,8 @@
 
          <el-row :gutter="10" class="my_row">
             <el-col :span="24">
+               <el-button type="primary" class="primaryBtn" @click="handleQuery">查询</el-button>
+               <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
                <el-button type="primary" class="primaryBtn" @click="handleAdd"
                   v-hasPermi="['system:post:add']">新增</el-button>
                <el-button type="primary" class="primaryBtn" :disabled="single" @click="handleUpdate"
@@ -35,8 +37,6 @@
                   v-hasPermi="['system:post:remove']">删除</el-button>
                <el-button type="primary" class="primaryBtn" @click="handleExport"
                   v-hasPermi="['system:post:export']">导出</el-button>
-               <el-button type="primary" class="primaryBtn" @click="handleQuery">搜索</el-button>
-               <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
             </el-col>
          </el-row>
 
@@ -67,14 +67,14 @@
             </el-table-column>
          </el-table>
 
-         <pagination :total="total" v-model:page="queryParams.pageNum"
-            v-model:limit="queryParams.pageSize" @pagination="getList" />
+         <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
+            @pagination="getList" />
       </el-card>
 
 
 
       <!-- 添加或修改岗位对话框 -->
-      <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" append-to-body :destroy-on-close="true"
+      <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" align-center :destroy-on-close="true"
          :close-on-click-modal="false">
          <el-form ref="postRef" :model="form" :rules="rules" label-width="120px" class="myInsertForm">
             <el-form-item label="岗位名称" prop="postName">
@@ -89,7 +89,7 @@
             <el-form-item label="岗位状态" prop="status">
                <el-radio-group v-model="form.status">
                   <el-radio v-for="dict in sys_normal_disable" :key="dict.value" :value="dict.value">{{ dict.label
-                  }}</el-radio>
+                     }}</el-radio>
                </el-radio-group>
             </el-form-item>
             <el-form-item label="备注" prop="remark">
@@ -98,8 +98,8 @@
          </el-form>
          <template #footer>
             <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
+               <el-button class="my-cancel-btn" @click="cancel">取 消</el-button>
+               <el-button class="my-confirm-btn" type="primary" @click="submitForm">确 定</el-button>
             </div>
          </template>
       </el-dialog>
diff --git a/src/views/system/pptTemplate/index.vue b/src/views/system/pptTemplate/index.vue
index 673bf3f..25d0c78 100644
--- a/src/views/system/pptTemplate/index.vue
+++ b/src/views/system/pptTemplate/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="app-container">  
+    <div class="app-container">
         <el-card>
             <template #header>
                 <div class="card-header">
@@ -16,7 +16,7 @@
                     </el-form>
                 </el-col>
                 <el-col :span="12" style="text-align: right;">
-                    <el-button type="primary" class="primaryBtn" @click="handleQuery">搜索</el-button>
+                    <el-button type="primary" class="primaryBtn" @click="handleQuery">查询</el-button>
                     <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
                     <el-button type="primary" class="primaryBtn" @click="handleAdd"
                         v-hasPermi="['system:pptTemplate:add']">新增</el-button>
@@ -42,13 +42,13 @@
                 </el-table-column>
             </el-table>
 
-            <pagination :total="total" v-model:page="queryParams.pageNum"
-                v-model:limit="queryParams.pageSize" @pagination="getList" />
+            <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
+                @pagination="getList" />
 
         </el-card>
 
         <!-- 添加或修改岗位对话框 -->
-        <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" append-to-body :destroy-on-close="true"
+        <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" align-center :destroy-on-close="true"
             :close-on-click-modal="false">
             <el-form ref="postRef" :model="form" :rules="rules" label-width="120px" class="myInsertForm">
                 <el-form-item label="模板名称" prop="postName">
@@ -72,8 +72,8 @@
             </el-form>
             <template #footer>
                 <div class="dialog-footer">
-                    <el-button type="primary" @click="submitForm">确 定</el-button>
-                    <el-button @click="cancel">取 消</el-button>
+                    <el-button class="my-cancel-btn" @click="cancel">取 消</el-button>
+                    <el-button class="my-confirm-btn" type="primary" @click="submitForm">确 定</el-button>
                 </div>
             </template>
         </el-dialog>
@@ -90,7 +90,7 @@ const bgStore = useBackgroundStore()
 
 const { proxy } = getCurrentInstance()
 const { sys_normal_disable } = proxy.useDict("sys_normal_disable")
- 
+
 const loading = ref(true)
 const businessAreaList = ref([])
 const total = ref(0)
diff --git a/src/views/system/role/authUser.vue b/src/views/system/role/authUser.vue
index 260c45f..b23c0b4 100644
--- a/src/views/system/role/authUser.vue
+++ b/src/views/system/role/authUser.vue
@@ -13,7 +13,7 @@
          </el-form>
       </div>
 
-      <el-card>
+      <el-card class="mt20">
          <template #header>
             <div class="card-header">
                <span>系统管理</span> <span class="subHeaderTitle">- 角色管理 - 分配用户</span>
@@ -22,13 +22,13 @@
 
          <el-row :gutter="10" class="my_row">
             <el-col :span="24">
+               <el-button type="primary" class="primaryBtn" @click="handleQuery">查询</el-button>
+               <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
                <el-button type="primary" class="primaryBtn" @click="openSelectUser"
                   v-hasPermi="['system:role:add']">添加用户</el-button>
                <el-button type="primary" class="primaryBtn" :disabled="multiple" @click="cancelAuthUserAll"
                   v-hasPermi="['system:role:remove']">批量取消授权</el-button>
                <el-button type="primary" class="primaryBtn" @click="handleClose">关闭</el-button>
-               <el-button type="primary" class="primaryBtn" @click="handleQuery">搜索</el-button>
-               <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
             </el-col>
          </el-row>
 
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 0c9ee40..1a35636 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -11,7 +11,7 @@
             @keyup.enter="handleQuery" />
         </el-form-item>
         <el-form-item label="状态:" prop="status">
-          <el-select v-model="queryParams.status" placeholder="角色状态" clearable style="min-width: 86px">
+          <el-select v-model="queryParams.status" placeholder="角色状态" clearable style="min-width: 30px">
             <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" />
           </el-select>
         </el-form-item>
@@ -22,7 +22,7 @@
       </el-form>
     </div>
 
-    <el-card>
+    <el-card class="mt20">
       <template #header>
         <div class="card-header">
           <span>系统管理</span> <span class="subHeaderTitle">- 角色管理</span>
@@ -31,6 +31,8 @@
 
       <el-row :gutter="10" class="my_row">
         <el-col :span="24">
+          <el-button type="primary" class="primaryBtn" @click="handleQuery">查询</el-button>
+          <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
           <el-button type="primary" class="primaryBtn" @click="handleAdd"
             v-hasPermi="['system:role:add']">新增</el-button>
           <el-button type="primary" class="primaryBtn" :disabled="single" @click="handleUpdate"
@@ -39,8 +41,6 @@
             v-hasPermi="['system:role:remove']">删除</el-button>
           <el-button type="primary" class="primaryBtn" @click="handleExport"
             v-hasPermi="['system:role:export']">导出</el-button>
-          <el-button type="primary" class="primaryBtn" @click="handleQuery">搜索</el-button>
-          <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
         </el-col>
       </el-row>
 
@@ -77,12 +77,12 @@
         </el-table-column>
       </el-table>
 
-      <pagination :total="total" v-model:page="queryParams.pageNum"
-        v-model:limit="queryParams.pageSize" @pagination="getList" />
+      <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
+        @pagination="getList" />
     </el-card>
 
     <!-- 添加或修改角色配置对话框 -->
-    <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" append-to-body :destroy-on-close="true"
+    <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" align-center :destroy-on-close="true"
       :close-on-click-modal="false">
       <el-form ref="roleRef" :model="form" :rules="rules" label-width="120px" class="myInsertForm">
         <el-form-item label="角色名称" prop="roleName">
@@ -123,14 +123,14 @@
       </el-form>
       <template #footer>
         <div class="dialog-footer">
-          <el-button type="primary" @click="submitForm">确 定</el-button>
-          <el-button @click="cancel">取 消</el-button>
+          <el-button class="my-cancel-btn" @click="cancel">取 消</el-button>
+          <el-button class="my-confirm-btn" type="primary" @click="submitForm">确 定</el-button>
         </div>
       </template>
     </el-dialog>
 
     <!-- 分配角色数据权限对话框 -->
-    <el-dialog :title="title" v-model="openDataScope" width="650px" class="my_dialog" append-to-body
+    <el-dialog :title="title" v-model="openDataScope" width="650px" class="my_dialog" align-center
       :destroy-on-close="true" :close-on-click-modal="false">
       <el-form :model="form" label-width="80px" class="myInsertForm">
         <el-form-item label="角色名称">
@@ -156,9 +156,9 @@
         </el-form-item>
       </el-form>
       <template #footer>
-        <div class="dialog-footer">
-          <el-button type="primary" @click="submitDataScope">确 定</el-button>
-          <el-button @click="cancelDataScope">取 消</el-button>
+        <div class="dialog-footer">  
+          <el-button class="my-cancel-btn" @click="cancelDataScope">取 消</el-button>
+          <el-button class="my-confirm-btn" type="primary" @click="submitDataScope">确 定</el-button>
         </div>
       </template>
     </el-dialog>
diff --git a/src/views/system/role/selectUser.vue b/src/views/system/role/selectUser.vue
index ffbc221..19cc8ef 100644
--- a/src/views/system/role/selectUser.vue
+++ b/src/views/system/role/selectUser.vue
@@ -1,6 +1,6 @@
 <template>
    <!-- 授权用户 -->
-   <el-dialog title="选择用户" v-model="visible" width="900px" top="5vh" class="my_dialog" append-to-body
+   <el-dialog title="选择用户" v-model="visible" width="900px" align-center class="my_dialog"
       :destroy-on-close="true" :close-on-click-modal="false">
       <el-form :model="queryParams" ref="queryRef" :inline="true" class="myInsertForm">
          <el-form-item label="用户名称" prop="userName">
@@ -12,7 +12,7 @@
                @keyup.enter="handleQuery" />
          </el-form-item>
          <el-form-item>
-            <el-button type="primary" class="primaryBtn" @click="handleQuery">搜索</el-button>
+            <el-button type="primary" class="primaryBtn" @click="handleQuery">查询</el-button>
             <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
          </el-form-item>
       </el-form>
@@ -40,8 +40,8 @@
       </el-row>
       <template #footer>
          <div class="dialog-footer">
-            <el-button type="primary" @click="handleSelectUser">确 定</el-button>
-            <el-button @click="visible = false">取 消</el-button>
+            <el-button class="my-cancel-btn" @click="visible = false">取 消</el-button>
+            <el-button class="my-confirm-btn" type="primary" @click="handleSelectUser">确 定</el-button>
          </div>
       </template>
    </el-dialog>
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 333fff0..99c5f87 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -5,7 +5,7 @@
         <el-form-item label="部门:">
           <el-tree-select v-model="queryParams.deptId" :data="deptOptions" clearable
             :props="{ value: 'id', label: 'label', children: 'children' }" value-key="id" placeholder="请选择部门"
-            check-strictly style="width: 140px" />
+            check-strictly style="min-width: 30px" />
         </el-form-item>
         <el-form-item label="用户名称:" prop="userName">
           <el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable style="width: 140px"
@@ -16,7 +16,7 @@
             @keyup.enter="handleQuery" />
         </el-form-item>
         <el-form-item label="状态:" prop="status">
-          <el-select v-model="queryParams.status" placeholder="用户状态" clearable style="min-width: 86px">
+          <el-select v-model="queryParams.status" placeholder="用户状态" clearable style="min-width: 30px">
             <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" />
           </el-select>
         </el-form-item>
@@ -27,7 +27,7 @@
       </el-form>
     </div>
 
-    <el-card>
+    <el-card class="mt20">
       <template #header>
         <div class="card-header">
           <span>系统管理</span> <span class="subHeaderTitle">- 用户管理</span>
@@ -36,6 +36,8 @@
 
       <el-row :gutter="10" class="my_row">
         <el-col :span="24">
+          <el-button type="primary" class="primaryBtn" @click="handleQuery">查询</el-button>
+          <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
           <el-button type="primary" class="primaryBtn" @click="handleAdd"
             v-hasPermi="['system:user:add']">新增</el-button>
           <el-button type="primary" class="primaryBtn" :disabled="single" @click="handleUpdate"
@@ -46,8 +48,6 @@
             v-hasPermi="['system:user:import']">导入</el-button>
           <el-button type="primary" class="primaryBtn" @click="handleExport"
             v-hasPermi="['system:user:export']">导出</el-button>
-          <el-button type="primary" class="primaryBtn" @click="handleQuery">搜索</el-button>
-          <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
         </el-col>
       </el-row>
 
@@ -87,14 +87,14 @@
           </template>
         </el-table-column>
       </el-table>
-      <pagination :total="total" v-model:page="queryParams.pageNum"
-        v-model:limit="queryParams.pageSize" @pagination="getList" />
+      <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
+        @pagination="getList" />
 
     </el-card>
 
 
     <!-- 添加或修改用户配置对话框 -->
-    <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" append-to-body :destroy-on-close="true"
+    <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" align-center :destroy-on-close="true"
       :close-on-click-modal="false">
       <el-form :model="form" :rules="rules" ref="userRef" label-width="120px" class="myInsertForm">
         <el-row>
@@ -181,14 +181,14 @@
       </el-form>
       <template #footer>
         <div class="dialog-footer">
-          <el-button type="primary" @click="submitForm">确 定</el-button>
-          <el-button @click="cancel">取 消</el-button>
+          <el-button class="my-cancel-btn" @click="cancel">取 消</el-button>
+          <el-button class="my-confirm-btn" type="primary" @click="submitForm">确 定</el-button>
         </div>
       </template>
     </el-dialog>
 
     <!-- 用户导入对话框 -->
-    <el-dialog :title="upload.title" v-model="upload.open" width="650px" class="my_dialog" append-to-body
+    <el-dialog :title="upload.title" v-model="upload.open" width="650px" class="my_dialog" align-center
       :destroy-on-close="true" :close-on-click-modal="false">
       <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
         :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
@@ -207,9 +207,9 @@
         </template>
       </el-upload>
       <template #footer>
-        <div class="dialog-footer">
-          <el-button type="primary" @click="submitFileForm">确 定</el-button>
-          <el-button @click="upload.open = false">取 消</el-button>
+        <div class="dialog-footer"> 
+          <el-button class="my-cancel-btn" @click="upload.open = false">取 消</el-button>
+          <el-button class="my-confirm-btn" type="primary" @click="submitFileForm">确 定</el-button>
         </div>
       </template>
     </el-dialog>
diff --git a/src/views/system/user/profile/userAvatar.vue b/src/views/system/user/profile/userAvatar.vue
index 64d2c94..bcb9c35 100644
--- a/src/views/system/user/profile/userAvatar.vue
+++ b/src/views/system/user/profile/userAvatar.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="user-info-head" @click="editCropper()">
     <img :src="options.img" title="点击上传头像" class="img-circle img-lg" />
-    <el-dialog :title="title" v-model="open" width="800px" append-to-body @opened="modalOpened" @close="closeDialog">
+    <el-dialog :title="title" v-model="open" width="800px" align-center @opened="modalOpened" @close="closeDialog">
       <el-row>
         <el-col :xs="24" :md="12" :style="{ height: '350px' }">
           <vue-cropper