xq feat:"修改了数据接入"

src/assets/styles/customDialog.scss

@@ -0,0 +1,12 @@
+.cus-dia{
+  .el-dialog__body{
+    border: 1px solid #409EFF;
+    border-radius: 5px;
+    .detail-head{
+      color:#409EFF;
+      font-weight: bold;
+    }
+  }
+}
+
+

src/layout/components/Sidebar/index.vue

@@ -12,6 +12,7 @@
           :active-text-color="theme"
           :collapse-transition="false"
           mode="vertical"
+          v-if="showSide"
         >
           <sidebar-item v-for="(r, index) in sidebarRouters" :key="r.path + index" :item="r" :base-path="r.path" />
         </el-menu>
@@ -28,6 +29,7 @@ import { useAppStore } from '@/store/modules/app';
 import { useSettingsStore } from '@/store/modules/settings';
 import { usePermissionStore } from '@/store/modules/permission';
 import { RouteRecordRaw } from 'vue-router';
+import { useProgram } from '@/store/modules/program';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
@@ -41,6 +43,26 @@ const sideTheme = computed(() => settingsStore.sideTheme);
 const theme = computed(() => settingsStore.theme);
 const isCollapse = computed(() => !appStore.sidebar.opened);
 
+const programState = useProgram();
+const programID = computed(() => {
+  return programState.programID;
+});
+
+const showSide = ref(true);
+
+watch(
+  programID,
+  (nv, ov) => {
+    if (nv !== ov) {
+      showSide.value = false;
+      setTimeout(() => {
+        showSide.value = true;
+      }, 200);
+    }
+  },
+  { deep: true }
+);
+
 const activeMenu = computed(() => {
   const { meta, path } = route;
   // if set path, the sidebar will highlight the path you set

src/main.ts

@@ -3,6 +3,7 @@ import { createApp } from 'vue';
 import 'virtual:uno.css';
 import '@/assets/styles/index.scss';
 import 'element-plus/theme-chalk/dark/css-vars.css';
+import '@/assets/styles/customDialog.scss';
 
 // App、router、store
 import App from './App.vue';
@@ -40,6 +41,7 @@ VXETable.setConfig({
 
 // 修改 el-dialog 默认点击遮照为不关闭
 import { ElDialog } from 'element-plus';
+
 ElDialog.props.closeOnClickModal.default = false;
 
 const app = createApp(App);

src/views/system/user/index.vue

@@ -146,8 +146,9 @@
     </el-row>
 
     <!-- 添加或修改用户配置对话框 -->
-    <el-dialog ref="formDialogRef" v-model="dialog.visible" :title="dialog.title" width="600px" append-to-body @close="closeDialog">
+    <el-dialog ref="formDialogRef" v-model="dialog.visible" :title="dialog.title" width="600px" append-to-body @close="closeDialog" class="cus-dia">
-      <el-form ref="userFormRef" :model="form" :rules="rules" label-width="80px">
+      <el-form ref="userFormRef" :model="form" :rules="rules" label-width="auto">
+        <div class="detail-head">账号信息</div>
         <el-row>
           <el-col :span="12">
             <el-form-item label="用户昵称" prop="nickName">
@@ -244,6 +245,7 @@
           </el-col>
         </el-row>
       </el-form>
+      <el-table class="cus-table"> </el-table>
       <template #footer>
         <div class="dialog-footer">
           <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -264,7 +266,6 @@
         :on-progress="handleFileUploadProgress"
         :on-success="handleFileSuccess"
         :auto-upload="false"
-        drag
       >
         <el-icon class="el-icon--upload">
           <i-ep-upload-filled />