页面展示细节优化

src/assets/styles/element-variables.scss

@@ -1,10 +1,12 @@
+@import './variables.scss';
+
 /**
 * I think element-ui's default theme color is too light for long-term use.
 * So I modified the default color and you can modify it to your liking.
 **/
 
 /* theme color */
-$--color-primary: #1890ff;
+$--color-primary: $left-menu-text-color;
 $--color-success: #13ce66;
 $--color-warning: #ffba00;
 $--color-danger: #ff4949;

src/assets/styles/variables.scss

@@ -8,37 +8,30 @@ $tiffany: #4AB7BD;
 $yellow:#FEC171;
 $panGreen: #30B08F;
 
-// 默认菜单主题风格
-$base-menu-color:#bfcbd9;
-$base-menu-color-active:#f4f4f5;
-$base-menu-background:#304156;
-$base-logo-title-color: #ffffff;
-
-$base-menu-light-color:rgba(0,0,0,.70);
-$base-menu-light-background:#ffffff;
-$base-logo-light-title-color: #001529;
+// 新增配色
+$left-menu-bg: #eff4fb; // 左侧菜单背景色
+$left-menu-hover-bg: #e3eefd; // 左侧菜单悬停背景色
+$left-menu-active-bg: #8ccbea; // 左侧菜单激活背景色
+$left-menu-text-color: #2983b1; // 左侧菜单文字颜色
+$right-content-bg: $left-menu-active-bg; // 右侧内容背景色使用左侧菜单激活背景色
 
-$base-sub-menu-background:#1f2d3d;
-$base-sub-menu-hover:#001528;
-
-// 自定义暗色菜单风格
-/**
-$base-menu-color:hsla(0,0%,100%,.65);
-$base-menu-color-active:#fff;
-$base-menu-background:#001529;
-$base-logo-title-color: #ffffff;
+// 默认菜单主题风格
+$base-menu-color: $left-menu-text-color; // 用于默认菜单文字
+$base-menu-color-active: $left-menu-text-color; // 用于激活状态菜单文字
+$base-menu-background: $left-menu-bg; // 用于菜单背景
+$base-logo-title-color: $left-menu-text-color; // 用于 logo 标题
 
-$base-menu-light-color:rgba(0,0,0,.70);
-$base-menu-light-background:#ffffff;
-$base-logo-light-title-color: #001529;
+// 浅色菜单风格
+$base-menu-light-color: $left-menu-text-color; // 用于浅色菜单文字
+$base-menu-light-background: #FFFFFF; // 白色，用于浅色菜单背景
+$base-logo-light-title-color: $left-menu-text-color; // 用于浅色 logo 标题
 
-$base-sub-menu-background:#000c17;
-$base-sub-menu-hover:#001528;
-*/
+// 子菜单
+$base-sub-menu-background: $left-menu-bg; // 用于子菜单背景
+$base-sub-menu-hover: $left-menu-hover-bg; // 用于子菜单悬停背景
 
 $base-sidebar-width: 220px;
 
-// the :export directive is the magic sauce for webpack
 // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
 :export {
   menuColor: $base-menu-color;
@@ -50,5 +43,13 @@ $base-sidebar-width: 220px;
   subMenuHover: $base-sub-menu-hover;
   sideBarWidth: $base-sidebar-width;
   logoTitleColor: $base-logo-title-color;
-  logoLightTitleColor: $base-logo-light-title-color
+  logoLightTitleColor: $base-logo-light-title-color;
+  // 导出新增变量
+  leftMenuBg: $left-menu-bg;
+  leftMenuHoverBg: $left-menu-hover-bg;
+  leftMenuActiveBg: $left-menu-active-bg;
+  leftMenuTextColor: $left-menu-text-color;
+  // leftMenuTextHoverColor: $left-menu-text-hover-color;
+  // leftMenuTextActiveColor: $left-menu-text-active-color;
+  // rightContentBg: $right-content-bg;
 }

src/components/HeaderSearch/index.vue

@@ -206,6 +206,11 @@ export default {
   .el-dialog__header {
     padding: 0 !important;
   }
+    // 添加样式让 el-dialog 变成圆角
+  .el-dialog {
+    border-radius: 10px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+  }
 }
 
 .header-search {

src/layout/components/AppMain.vue

@@ -49,6 +49,7 @@ export default {
   width: 100%;
   position: relative;
   overflow: hidden;
+  // background: #f2f5f6;
 }
 
 .fixed-header + .app-main {

src/layout/components/Sidebar/Logo.vue

@@ -70,6 +70,7 @@ export default {
       height: 32px;
       vertical-align: middle;
       margin-right: 12px;
+      border-radius: 50%;
     }
 
     & .sidebar-title {

src/layout/components/TagsView/index.vue

@@ -261,9 +261,9 @@ export default {
         margin-right: 15px;
       }
       &.active {
-        background-color: #42b983;
+        background-color: #8ccdea !important;
         color: #fff;
-        border-color: #42b983;
+        border-color: #8ccdea !important;
         &::before {
           content: '';
           background: #fff;

src/views/data/dataBase/byt.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
-      <el-form-item label="NCBI基因组序列编号" prop="assemblyAccession">
+      <el-form-item label="NCBI基因组序列编号" prop="assemblyAccession" label-width="170px">
         <!-- 修改为支持远程搜索的选择器 -->
         <el-select
           v-model="queryParams.assemblyAccession"
@@ -161,7 +161,7 @@
     />
 
     <!-- 添加或修改病原体管理对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="80vw" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="150px">
         <el-form-item label="NCBI基因组序列编号" prop="assemblyAccession">
           <el-select
@@ -610,3 +610,11 @@ importDataBase(formData).then(response => {
   }
 }
 </script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+
+</style>

src/views/data/dataBase/dljy.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="140px">
-      <el-form-item label="NCBI基因组序列编号" prop="assemblyAccession">
+      <el-form-item label="NCBI基因组序列编号" prop="assemblyAccession" label-width="170px">
         <!-- <el-input
           v-model="queryParams.assemblyAccession"
           placeholder="请输入NCBI基因组序列编号"
@@ -197,7 +197,7 @@
     />
 
     <!-- 添加或修改病原体管理对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="80vw" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="150px">
         <el-form-item label="NCBI基因组序列编号" prop="assemblyAccession">
            <!-- <el-input v-if="!view" v-model="form.assemblyAccession" :disabled="disabledAssemblyAccession" placeholder="请输入NCBI基因组序列编号" /> -->
@@ -650,3 +650,11 @@ importDataBase(formData).then(response => {
   }
 }
 </script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+
+</style>

src/views/data/dataBase/nyjy.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="140px">
-      <el-form-item label="NCBI基因组序列编号" prop="assemblyAccession">
+      <el-form-item label="NCBI基因组序列编号" prop="assemblyAccession" label-width="170px">
         <!-- <el-input
           v-model="queryParams.assemblyAccession"
           placeholder="请输入NCBI基因组序列编号"
@@ -181,7 +181,7 @@
     />
 
     <!-- 添加或修改病原体管理对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="80vw" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="150px">
         <el-form-item label="NCBI基因组序列编号" prop="assemblyAccession">
            <!-- <el-input v-if="!view" v-model="form.assemblyAccession" :disabled="disabledAssemblyAccession" placeholder="请输入NCBI基因组序列编号" /> -->
@@ -634,3 +634,11 @@ importDataBase(formData).then(response => {
   }
 }
 </script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+
+</style>

src/views/data/dataDrugs/index.vue

@@ -102,7 +102,7 @@
     />
 
     <!-- 添加或修改药品数据对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="80vw" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="药品名称" prop="name">
           <el-input v-model="form.name" placeholder="请输入药品名称" />
@@ -311,3 +311,11 @@ export default {
   }
 }
 </script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+
+</style>

src/views/data/dataReportByt/index.vue

@@ -142,7 +142,7 @@
     />
 
     <!-- 添加或修改病原体历史统计对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="60vw" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="80vw" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="180px">
         <el-form-item label="NCBI基因组序列编号" prop="assemblyAccession">
           <!-- 修改为支持远程搜索的选择器 -->
@@ -359,7 +359,6 @@ export default {
           })
         )
         this.areaOptions = areaOptions
-        console.log('this.areaName',this.areaOptions)
         // this.areaOptions = await this.getChildren(res.data)
       } catch (error) {
         console.error('获取区域数据失败:', error)
@@ -518,3 +517,11 @@ export default {
   }
 }
 </script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+
+</style>

src/views/monitor/job/index.vue

@@ -46,7 +46,7 @@
           v-hasPermi="['monitor:job:add']"
         >新增</el-button>
       </el-col>
-      <el-col :span="1.5">
+      <!-- <el-col :span="1.5">
         <el-button
           type="success"
           plain
@@ -67,7 +67,7 @@
           @click="handleDelete"
           v-hasPermi="['monitor:job:remove']"
         >删除</el-button>
-      </el-col>
+      </el-col> -->
       <el-col :span="1.5">
         <el-button
           type="warning"
@@ -151,7 +151,7 @@
     />
 
     <!-- 添加或修改定时任务对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="80vw" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="120px">
         <el-row>
           <el-col :span="12">
@@ -510,3 +510,11 @@ export default {
   }
 }
 </script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+
+</style>

src/views/monitor/job/log.vue

@@ -58,7 +58,7 @@
     </el-form>
 
     <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
+      <!-- <el-col :span="1.5">
         <el-button
           type="danger"
           plain
@@ -68,7 +68,7 @@
           @click="handleDelete"
           v-hasPermi="['monitor:job:remove']"
         >删除</el-button>
-      </el-col>
+      </el-col> -->
       <el-col :span="1.5">
         <el-button
           type="danger"
@@ -292,3 +292,11 @@ export default {
   }
 }
 </script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+
+</style>

src/views/monitor/logininfor/index.vue

@@ -74,7 +74,7 @@
           v-hasPermi="['monitor:logininfor:remove']"
         >清空</el-button>
       </el-col>
-      <el-col :span="1.5">
+      <!-- <el-col :span="1.5">
         <el-button
           type="primary"
           plain
@@ -84,7 +84,7 @@
           @click="handleUnlock"
           v-hasPermi="['monitor:logininfor:unlock']"
         >解锁</el-button>
-      </el-col>
+      </el-col> -->
       <el-col :span="1.5">
         <el-button
           type="warning"

src/views/monitor/operlog/index.vue

@@ -159,7 +159,7 @@
     />
 
     <!-- 操作日志详细 -->
-    <el-dialog title="操作日志详细" :visible.sync="open" width="800px" append-to-body>
+    <el-dialog title="操作日志详细" :visible.sync="open" width="80vw" append-to-body>
       <el-form ref="form" :model="form" label-width="100px" size="mini">
         <el-row>
           <el-col :span="12">
@@ -319,4 +319,10 @@ export default {
   }
 }
 </script>
-
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+</style>

src/views/sample/sampleDept/index.vue

@@ -44,7 +44,7 @@
           v-hasPermi="['sample:sampleDept:add']"
         >新增</el-button>
       </el-col>
-      <el-col :span="1.5">
+      <!-- <el-col :span="1.5">
         <el-button
           type="success"
           plain
@@ -65,11 +65,11 @@
           @click="handleDelete"
           v-hasPermi="['sample:sampleDept:remove']"
         >删除</el-button>
-      </el-col>
+      </el-col> -->
     </el-row>
 
     <el-table v-loading="loading" :data="sampleDeptList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
+      <!-- <el-table-column type="selection" width="55" align="center" /> -->
       <el-table-column label="科室" align="center" prop="name" />
       <el-table-column label="状态" align="center" prop="status">
         <template slot-scope="scope">
@@ -97,7 +97,7 @@
         </template>
       </el-table-column>
     </el-table>
-    
+
     <pagination
       v-show="total>0"
       :total="total"
@@ -107,7 +107,7 @@
     />
 
     <!-- 添加或修改送检科室对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="80vw" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="科室" prop="name">
           <el-input v-model="form.name" placeholder="请输入科室" />
@@ -282,3 +282,10 @@ export default {
   }
 }
 </script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+</style>

src/views/sample/sampleExperiment/index.vue

@@ -71,7 +71,7 @@
     </el-row>
 
     <el-table v-loading="loading" :data="sampleExperimentList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
+      <!-- <el-table-column type="selection" width="55" align="center" /> -->
       <el-table-column label="实验编号" align="center" prop="experimentCode" />
       <el-table-column label="样本编号" align="center" prop="sampleCode" />
       <el-table-column label="状态" align="center" prop="status">
@@ -136,7 +136,7 @@
     />
 
     <!-- 添加或修改解读管理对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="80vw" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="实验编号" prop="experimentCode">
           <el-input v-model="form.experimentCode" placeholder="请输入实验编号" />
@@ -245,6 +245,7 @@ export default {
   },
   methods: {
     querySampleInfo(query){
+      if(query.length === 0) return
       if(this.sampleInfoCodeTimer){
         clearTimeout(this.sampleInfoCodeTimer)
       }
@@ -415,3 +416,11 @@ export default {
   }
 }
 </script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+
+</style>

src/views/sample/sampleHospital/index.vue

@@ -70,7 +70,7 @@
           v-hasPermi="['sample:sampleHospital:add']"
         >新增</el-button>
       </el-col>
-      <el-col :span="1.5">
+      <!-- <el-col :span="1.5">
         <el-button
           type="success"
           plain
@@ -91,11 +91,11 @@
           @click="handleDelete"
           v-hasPermi="['sample:sampleHospital:remove']"
         >删除</el-button>
-      </el-col>
+      </el-col> -->
     </el-row>
 
     <el-table v-loading="loading" :data="sampleHospitalList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
+      <!-- <el-table-column type="selection" width="55" align="center" /> -->
       <el-table-column label="医院名称" align="center" prop="name" />
       <el-table-column label="状态" align="center" prop="status">
         <template slot-scope="scope">
@@ -140,8 +140,8 @@
     />
 
     <!-- 添加或修改送检医院对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+    <el-dialog :title="title" :visible.sync="open" width="80vw" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="180px">
         <el-form-item label="医院名称" prop="name">
           <el-input v-model="form.name" placeholder="请输入医院名称" />
         </el-form-item>
@@ -337,3 +337,10 @@ export default {
   }
 }
 </script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+</style>

src/views/sample/sampleInfo/index.vue

@@ -148,7 +148,7 @@
       :data="sampleInfoList"
       @selection-change="handleSelectionChange"
     >
-      <el-table-column type="selection" width="55" align="center" />
+      <!-- <el-table-column type="selection" width="55" align="center" /> -->
 
       <el-table-column label="样本编号" align="center" prop="sampleCode" />
       <el-table-column label="患者姓名" align="center" prop="patientName" />
@@ -194,7 +194,7 @@
 
     <!-- 添加或修改样本管理对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="80vw" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+      <el-form ref="form" :model="form" :rules="rules" label-width="180px">
         <el-form-item label="样本编号" prop="sampleCode">
           <!-- <el-input v-model="form.sampleCode" placeholder="请输入样本编号" /> -->
          <el-select
@@ -532,14 +532,28 @@ export default {
     };
   },
   created() {
-    this.patientId = this.$route.params && this.$route.params.id;
+    // this.patientId = this.$route.params && this.$route.params.id;
     this.getList();
     this.getSampleTypeOptions();
     this.getSampleDeptOptions();
     this.getSampleHospitalOptions();
   },
+  watch:{
+    $route:{
+      handler(newVal,oldVal){
+        if(newVal.query.id){
+          this.patientId = newVal.query.id
+           console.log( this.patientId,' this.queryParams.patientId')
+          this.getList()
+        }
+      },
+      immediate:true,
+      deep:true
+    }
+  },
   methods: {
         querySampleInfo(query){
+      if(query.length === 0) return
       if(this.sampleInfoCodeTimer){
         clearTimeout(this.sampleInfoCodeTimer)
       }
@@ -779,3 +793,11 @@ export default {
   },
 };
 </script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+
+</style>

src/views/sample/samplePatient/index.vue

@@ -92,7 +92,7 @@
     </el-row>
 
     <el-table v-loading="loading" :data="samplePatientList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
+      <!-- <el-table-column type="selection" width="55" align="center" /> -->
       <el-table-column label="病案号" align="center" prop="bahCode" />
       <el-table-column label="身份证号" align="center" prop="idCard" />
       <el-table-column label="姓名" align="center" prop="name" />
@@ -143,7 +143,7 @@
     />
 
     <!-- 添加或修改样本患者信息对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="80vw" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="120px">
         <el-form-item label="病案号" prop="bahCode">
           <el-input v-model="form.bahCode" placeholder="请输入病案号" />
@@ -421,7 +421,8 @@ export default {
       })
     },
     gotoyb(row){
-        this.$router.push("/sample/sampleInfo/" + row.id)
+        this.$router.push("/sample/sampleInfo?id=" + row.id)
+        // this.$router.push({path:'/sample/sampleInfo/',query:{id:row.id}})
     },
     /** 查询样本患者信息列表 */
     getList() {
@@ -569,3 +570,12 @@ export default {
 }
 
 </script>
+
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+
+</style>

src/views/sample/sampleType/index.vue

@@ -44,7 +44,7 @@
           v-hasPermi="['sample:sampleType:add']"
         >新增</el-button>
       </el-col>
-      <el-col :span="1.5">
+      <!-- <el-col :span="1.5">
         <el-button
           type="success"
           plain
@@ -65,11 +65,11 @@
           @click="handleDelete"
           v-hasPermi="['sample:sampleType:remove']"
         >删除</el-button>
-      </el-col>
+      </el-col> -->
     </el-row>
 
     <el-table v-loading="loading" :data="sampleTypeList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
+      <!-- <el-table-column type="selection" width="55" align="center" /> -->
       <el-table-column label="名称" align="center" prop="name" />
       <el-table-column label="状态" align="center" prop="status">
         <template slot-scope="scope">
@@ -97,7 +97,7 @@
         </template>
       </el-table-column>
     </el-table>
-    
+
     <pagination
       v-show="total>0"
       :total="total"
@@ -107,13 +107,13 @@
     />
 
     <!-- 添加或修改样本类型对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="80vw" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="名称" prop="name">
           <el-input v-model="form.name" placeholder="请输入名称" />
         </el-form-item>
         <el-form-item label="状态" prop="status">
-          <el-select v-model="form.status" placeholder="请选择状态">
+          <el-select v-model="form.status" placeholder="请选择状态" style="width: 100%;">
             <el-option
               v-for="dict in dict.type.sys_normal_disable"
               :key="dict.value"
@@ -282,3 +282,11 @@ export default {
   }
 }
 </script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+
+</style>

src/views/statistics/Spatiotemporal-distribution/index.vue

@@ -169,7 +169,7 @@ export default {
     },
     async fetchAllData() {
       if (!this.form.assemblyAccession) {
-        this.$message.error('请输入NCBI基因组序列编号');
+        this.$message.info('请输入NCBI基因组序列编号');
         return;
       }
       if (this.form.dateRange.length > 0) {
@@ -177,7 +177,7 @@ export default {
         this.form.startDate = startDate;
         this.form.endDate = endDate;
       } else {
-         this.$message.error('请输入时间');
+         this.$message.info('请输入时间');
         return;
       }
       // 获取数据
@@ -217,10 +217,13 @@ export default {
           : [];
       const dates = this.barData.map((item) => item.day);
 
-      const seriesData = regions.map((region) => ({
+      const seriesData = regions.map((region, index) => ({
         name: region,
         type: "bar",
         data: this.barData.map((item) => item[region]),
+        itemStyle: {
+          color: ["#DEECF6", "#86DAA7", "#F9D5D5", "#EF98A1", "#FBC99A", "#C2B1D7"][index % 6]
+        }
       }));
 
       this.barChart.setOption({
@@ -303,23 +306,20 @@ export default {
           text: ["高", "低"],
           calculable: true,
           inRange: {
-            color: ["#ffeeee", "#ffcccc", "#ff9999", "#ff6666", "#ff3333"],
+            // 替换为指定的 RGB 颜色
+            color: [
+              'rgb(255,155,153)',
+              'rgb(255,211,127)',
+              'rgb(245,245,122)',
+              'rgb(255,255,190)',
+              'rgb(233,255,190)',
+              'rgb(190,255,232)',
+              'rgb(196,235,255)',
+              'rgb(126,226,250)',
+              'rgb(0,197,255)' // 修正 000 为 0
+            ]
           },
         },
-        // geo: {
-        //   map: 'world',
-        //   roam: true,
-        //   label: { show: false },
-        //   itemStyle: {
-        //     areaColor: '#f0f0f0',
-        //     borderColor: '#999'
-        //   },
-        //   emphasis: {
-        //     itemStyle: {
-        //       areaColor: '#e0e0e0'
-        //     }
-        //   }
-        // },
         series: [
           {
             type: "map",
@@ -352,23 +352,20 @@ export default {
           text: ["高", "低"],
           calculable: true,
           inRange: {
-            color: ["#ffeeee", "#ffcccc", "#ff9999", "#ff6666", "#ff3333"],
+            // 替换为指定的 RGB 颜色
+            color: [
+              'rgb(255,155,153)',
+              'rgb(255,211,127)',
+              'rgb(245,245,122)',
+              'rgb(255,255,190)',
+              'rgb(233,255,190)',
+              'rgb(190,255,232)',
+              'rgb(196,235,255)',
+              'rgb(126,226,250)',
+              'rgb(0,197,255)' // 修正 000 为 0
+            ]
           },
         },
-        // geo: {
-        //   map: 'china',
-        //   roam: true,
-        //   label: { show: false },
-        //   itemStyle: {
-        //     areaColor: '#f0f0f0',
-        //     borderColor: '#999'
-        //   },
-        //   emphasis: {
-        //     itemStyle: {
-        //       areaColor: '#e0e0e0'
-        //     }
-        //   }
-        // },
         series: [
           {
             type: "map",
@@ -392,7 +389,7 @@ export default {
 
 <style scoped>
 .spatiotemporal-distribution {
-  padding: 16px;
+  padding: 24px;
 }
 .filter-card {
   margin-bottom: 16px;

src/views/statistics/popularity-prediction/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="popularity-prediction">
+  <div class="popularity-prediction" style="padding: 24px;">
     <div class="tree-map-container">
           <!-- 筛选条件 -->
     <el-card class="filter-card">
@@ -24,11 +24,21 @@
       <div style="width:100%;height:500px;overflow:auto;">
         <svg id="tree_display" ></svg>
       </div>
-      <el-row :gutter="20">
+      <el-row :gutter="24">
+        <!-- <el-col :span="12">
+          <div style="width:100%;height:100%;overflow:auto;">
+        <svg id="tree_display" ></svg>
+      </div>
+        </el-col> -->
         <el-col :span="12">
-          <div class="world-map">
+          <!-- <div style="display: flex;flex-direction: column;"> -->
+            <div class="world-map" >
             <div id="worldVirusMap" style="width: 100%; height: 500px;"></div>
           </div>
+          <!-- <div class="china-map" style="flex: 1;">
+            <div id="chinaVirusMap" style="width: 100%; height: 500px;"></div>
+          </div>
+          </div> -->
         </el-col>
         <el-col :span="12">
           <div class="china-map">
@@ -180,9 +190,10 @@ export default {
           top: 'bottom',
           text: ['高', '低'],
           calculable: true,
-          // inRange: {
-          //   color: ['#ffeeee', '#ffcccc', '#ff9999', '#ff6666', '#ff3333']
-          // }
+          inRange: {
+            // 修正 RGB 值格式
+            color: ['rgb(252,140,89)', 'rgb(239,101,72)', 'rgb(216,51,33)', 'rgb(183,5,3)', 'rgb(135,0,0)']
+          }
         }
       });
     },
@@ -379,7 +390,7 @@ export default {
     },
     async initData() {
       if (!this.form.sysPathogenConfigId) {
-        this.$message.error('请输入病原体名称');
+        this.$message.info('请选择病原体');
         return;
       }
        if (this.form.dateRange.length  > 0) {
@@ -387,7 +398,7 @@ export default {
         this.form.startDate = startDate;
         this.form.endDate = endDate;
       } else {
-        this.$message.error('请输入时间');
+        this.$message.info('请选择时间');
         return;
       }
       const res0 =await getPathogenConfig(this.form.sysPathogenConfigId)
@@ -427,10 +438,11 @@ export default {
 </script>
 
 <style scoped>
-.phylo-tree, .world-map {
+.china-map, .world-map {
   background: #fff;
   padding: 16px;
   border-radius: 8px;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+  /* box-shadow: 0 2px 8px rgba(0,0,0,0.1); */
+  margin-bottom:50px
 }
 </style>

src/views/statistics/sample-statistics/index.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="sample-statistics">
     <!-- Top: Statistics & Time Filter -->
-    <el-row  :gutter="20" class="top-bar">
-      <el-col :span="10">
-       <div style="display: flex;align-items: center;">
+    <el-card class="filter-card">
+      <div style="display: flex; flex-wrap: wrap; gap: 16px; align-items: center;">
+              <div style="display: flex;align-items: center;">
        <span style="display: block;">NCBI基因组序列编号：</span>
         <!-- <el-input style="flex: 1;" v-model="assemblyAccession" placeholder="请输入病原体注册号"></el-input> -->
          <el-select
@@ -26,19 +26,20 @@
                 </el-option>
               </el-select>
        </div>
-      </el-col>
-      <el-col :span="3" class="filter-col">
+
         <el-select v-model="selectedRange" placeholder="选择时间范围" @change="onRangeChange" size="small">
           <el-option label="近24小时" value="1"></el-option>
           <el-option label="近3天(72小时)" value="2"></el-option>
           <el-option label="近7天" value="3"></el-option>
           <el-option label="近30天" value="4"></el-option>
         </el-select>
-      </el-col>
-      <el-col :span="6">
+
         <el-button type="primary" @click="fetchData">查询</el-button>
-      </el-col>
-    </el-row>
+      </div>
+
+    </el-card>
+
+
 
     <!-- Middle: Line Chart -->
     <div class="chart-section">
@@ -455,7 +456,7 @@ export default {
     },
     async fetchData() {
       if (!this.assemblyAccession) {
-        this.$message.error('请输入NCBI基因组序列编号');
+        this.$message.info('请输入NCBI基因组序列编号');
         return;
       }
       this.getAllConfigList();
@@ -636,6 +637,12 @@ export default {
   padding: 24px;
   background: #fff;
 }
+.filter-card {
+  margin-bottom: 24px;
+  padding: 16px;
+  /* 添加 box-shadow 样式 */
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+}
 .top-bar {
   margin-bottom: 24px;
   align-items: center;

src/views/system/area/index.vue

@@ -34,7 +34,7 @@
           v-hasPermi="['system:area:add']"
         >新增</el-button>
       </el-col>
-      <el-col :span="1.5">
+      <!-- <el-col :span="1.5">
         <el-button
           type="success"
           plain
@@ -55,7 +55,7 @@
           @click="handleDelete"
           v-hasPermi="['system:area:remove']"
         >删除</el-button>
-      </el-col>
+      </el-col> -->
       <el-col :span="1.5">
         <el-button
           type="warning"
@@ -94,7 +94,7 @@
         </template>
       </el-table-column>
     </el-table>
-    
+
     <pagination
       v-show="total>0"
       :total="total"
@@ -104,7 +104,7 @@
     />
 
     <!-- 添加或修改全球地区库对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="80vw" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="中文名称" prop="areaName">
           <el-input v-model="form.areaName" placeholder="请输入中文名称" />
@@ -262,3 +262,10 @@ export default {
   }
 }
 </script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+</style>

src/views/system/cnarea/index.vue

@@ -82,7 +82,7 @@
           v-hasPermi="['system:cnarea:add']"
         >新增</el-button>
       </el-col>
-      <el-col :span="1.5">
+      <!-- <el-col :span="1.5">
         <el-button
           type="success"
           plain
@@ -103,7 +103,7 @@
           @click="handleDelete"
           v-hasPermi="['system:cnarea:remove']"
         >删除</el-button>
-      </el-col>
+      </el-col> -->
       <el-col :span="1.5">
         <el-button
           type="warning"
@@ -149,7 +149,7 @@
         </template>
       </el-table-column>
     </el-table>
-    
+
     <pagination
       v-show="total>0"
       :total="total"
@@ -159,7 +159,7 @@
     />
 
     <!-- 添加或修改中国行政区域对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="80vw" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="邮政编码" prop="zipCode">
           <el-input v-model="form.zipCode" placeholder="请输入邮政编码" />
@@ -382,3 +382,10 @@ export default {
   }
 }
 </script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+</style>

src/views/system/dept/index.vue

@@ -96,8 +96,8 @@
     </el-table>
 
     <!-- 添加或修改机构&科室对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="640px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+    <el-dialog :title="title" :visible.sync="open" width="80vw" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="180px">
         <el-row>
           <el-col :span="24" v-if="form.parentId !== 0">
             <el-form-item label="上级机构&科室" prop="parentId">
@@ -324,3 +324,10 @@ export default {
   }
 }
 </script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+</style>

src/views/system/dict/data.vue

@@ -46,7 +46,7 @@
           v-hasPermi="['system:dict:add']"
         >新增</el-button>
       </el-col>
-      <el-col :span="1.5">
+      <!-- <el-col :span="1.5">
         <el-button
           type="success"
           plain
@@ -67,7 +67,7 @@
           @click="handleDelete"
           v-hasPermi="['system:dict:remove']"
         >删除</el-button>
-      </el-col>
+      </el-col> -->
       <el-col :span="1.5">
         <el-button
           type="warning"
@@ -140,7 +140,7 @@
     />
 
     <!-- 添加或修改参数配置对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="80vw" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="字典类型">
           <el-input v-model="form.dictType" :disabled="true" />
@@ -398,4 +398,11 @@ export default {
     }
   }
 }
-</script>
+</script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+</style>

src/views/system/dict/index.vue

@@ -62,7 +62,7 @@
           v-hasPermi="['system:dict:add']"
         >新增</el-button>
       </el-col>
-      <el-col :span="1.5">
+      <!-- <el-col :span="1.5">
         <el-button
           type="success"
           plain
@@ -83,7 +83,7 @@
           @click="handleDelete"
           v-hasPermi="['system:dict:remove']"
         >删除</el-button>
-      </el-col>
+      </el-col> -->
       <el-col :span="1.5">
         <el-button
           type="warning"
@@ -157,7 +157,7 @@
     />
 
     <!-- 添加或修改参数配置对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="80vw" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="字典名称" prop="dictName">
           <el-input v-model="form.dictName" placeholder="请输入字典名称" />
@@ -343,4 +343,11 @@ export default {
     }
   }
 }
-</script>
+</script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+</style>

src/views/system/menu/index.vue

@@ -474,3 +474,10 @@ export default {
   }
 }
 </script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+</style>

src/views/system/pathogenConfig/index.vue

@@ -9,7 +9,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="NCBI基因组序列编号" prop="assemblyAccession">
+      <el-form-item label="NCBI基因组序列编号" prop="assemblyAccession" label-width="170px">
         <el-input
           v-model="queryParams.assemblyAccession"
           placeholder="请输入NCBI基因组序列编号"
@@ -69,7 +69,7 @@
         </template>
       </el-table-column>
     </el-table>
-    
+
     <pagination
       v-show="total>0"
       :total="total"
@@ -79,7 +79,7 @@
     />
 
     <!-- 添加或修改病原体演化树列对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="80vw" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="名称" prop="name">
           <el-input v-model="form.name" placeholder="请输入名称" />
@@ -251,3 +251,10 @@ export default {
   }
 }
 </script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+</style>

src/views/system/role/index.vue

@@ -54,7 +54,7 @@
           v-hasPermi="['system:role:add']"
         >新增</el-button>
       </el-col>
-      <el-col :span="1.5">
+      <!-- <el-col :span="1.5">
         <el-button
           type="success"
           plain
@@ -75,7 +75,7 @@
           @click="handleDelete"
           v-hasPermi="['system:role:remove']"
         >删除</el-button>
-      </el-col>
+      </el-col> -->
       <el-col :span="1.5">
         <el-button
           type="warning"
@@ -593,3 +593,10 @@ export default {
   }
 }
 </script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+</style>

src/views/system/role/selectUser.vue

@@ -25,7 +25,7 @@
     </el-form>
     <el-row>
       <el-table @row-click="clickRow" ref="table" :data="userList" @selection-change="handleSelectionChange" height="260px">
-        <el-table-column type="selection" width="55"></el-table-column>
+        <!-- <el-table-column type="selection" width="55"></el-table-column> -->
         <el-table-column label="用户名称" prop="userName" :show-overflow-tooltip="true" />
         <el-table-column label="用户昵称" prop="nickName" :show-overflow-tooltip="true" />
         <el-table-column label="手机" prop="phonenumber" :show-overflow-tooltip="true" />
@@ -128,8 +128,16 @@ export default {
         this.$modal.msgSuccess(res.msg)
         this.visible = false
         this.$emit("ok")
-      }) 
+      })
     }
   }
 }
 </script>
+
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+</style>

src/views/system/systemConfig/index.vue

@@ -80,7 +80,7 @@
         </template>
       </el-table-column>
     </el-table>
-    
+
     <pagination
       v-show="total>0"
       :total="total"
@@ -276,3 +276,10 @@ export default {
   }
 }
 </script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+</style>

src/views/system/user/authRole.vue

@@ -23,7 +23,7 @@
           <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
         </template>
       </el-table-column>
-      <el-table-column type="selection" :reserve-selection="true" :selectable="checkSelectable" width="55" />
+      <!-- <el-table-column type="selection" :reserve-selection="true" :selectable="checkSelectable" width="55" /> -->
       <el-table-column label="角色编号" align="center" prop="roleId" />
       <el-table-column label="角色名称" align="center" prop="roleName" />
       <el-table-column label="创建时间" align="center" prop="createTime" width="180">
@@ -119,4 +119,4 @@ export default {
     }
   }
 }
-</script>
+</script>

src/views/system/user/index.vue

@@ -41,12 +41,12 @@
               <el-col :span="1.5">
                 <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['system:user:add']">新增</el-button>
               </el-col>
-              <el-col :span="1.5">
-                <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" v-hasPermi="['system:user:edit']">修改</el-button>
+             <!-- <el-col :span="1.5">
+                <el-button el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" v-hasPermi="['system:user:edit']">修改</el-button>
               </el-col>
               <el-col :span="1.5">
                 <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" v-hasPermi="['system:user:remove']">删除</el-button>
-              </el-col>
+              </el-col> -->
               <el-col :span="1.5">
                 <el-button type="info" plain icon="el-icon-upload2" size="mini" @click="handleImport" v-hasPermi="['system:user:import']">导入</el-button>
               </el-col>
@@ -302,7 +302,7 @@ export default {
   methods: {
     handleSelect(node, instanceId) {
       this.form.topDeptName = node.parentName;
-      
+
     },
     /** 查询用户列表 */
     getList() {
@@ -319,7 +319,7 @@ export default {
       deptTreeSelect().then(response => {
         this.deptOptions = response.data
         this.enabledDeptOptions = this.filterDisabledDept(JSON.parse(JSON.stringify(response.data)))
-       
+
         if(this.enabledDeptOptions[0].children){
           this.enabledDeptOptions[0].children.forEach(element => {
             this.setchildren(this.enabledDeptOptions[0],element)
@@ -534,4 +534,11 @@ export default {
     }
   }
 }
-</script>
+</script>
+<style scoped lang="scss">
+::v-deep .el-dialog {
+  // 添加样式让 el-dialog 变成圆角
+    border-radius: 20px;
+    overflow: hidden; // 确保内部内容也遵循圆角
+}
+</style>

src/views/tool/gen/importTable.vue

@@ -25,7 +25,7 @@
     </el-form>
     <el-row>
       <el-table @row-click="clickRow" ref="table" :data="dbTableList" @selection-change="handleSelectionChange" height="260px">
-        <el-table-column type="selection" width="55"></el-table-column>
+        <!-- <el-table-column type="selection" width="55"></el-table-column> -->
         <el-table-column prop="tableName" label="表名称" :show-overflow-tooltip="true"></el-table-column>
         <el-table-column prop="tableComment" label="表描述" :show-overflow-tooltip="true"></el-table-column>
         <el-table-column prop="createTime" label="创建时间"></el-table-column>

src/views/tool/gen/index.vue

@@ -66,7 +66,7 @@
           v-hasPermi="['tool:gen:import']"
         >导入</el-button>
       </el-col>
-      <el-col :span="1.5">
+      <!-- <el-col :span="1.5">
         <el-button
           type="success"
           plain
@@ -87,11 +87,11 @@
           @click="handleDelete"
           v-hasPermi="['tool:gen:remove']"
         >删除</el-button>
-      </el-col>
+      </el-col> -->
     </el-row>
 
     <el-table ref="tables" v-loading="loading" :data="tableList" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="handleSortChange">
-      <el-table-column type="selection" align="center" width="55"></el-table-column>
+      <!-- <el-table-column type="selection" align="center" width="55"></el-table-column> -->
       <el-table-column label="序号" type="index" width="50" align="center">
         <template slot-scope="scope">
           <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>