diff --git a/package.json b/package.json
index 5747df8..39d8d02 100644
--- a/package.json
+++ b/package.json
@@ -58,7 +58,8 @@
     "vue-meta": "2.4.0",
     "vue-router": "3.4.9",
     "vuedraggable": "2.24.3",
-    "vuex": "3.6.0"
+    "vuex": "3.6.0",
+    "wavesurfer.js": "^6.1.0"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "4.4.6",
diff --git a/src/layout/components/Device/index.vue b/src/layout/components/Device/index.vue
index 7807b1f..85be8d6 100644
--- a/src/layout/components/Device/index.vue
+++ b/src/layout/components/Device/index.vue
@@ -5,7 +5,7 @@
     </div>
     <div class="buttonBox">
       <el-button size="mini" type="primary" icon="el-icon-plus" @click="editDevice">新增</el-button>
-      <!-- <el-button size="mini" icon="el-icon-delete" type="danger" @click="deleteDevice">删除</el-button> -->
+      <el-button size="mini" icon="el-icon-delete" type="danger" @click="deleteDevice">删除</el-button>
     </div>
     <div id="deviceBox">
       <div class="deviceMsg" v-for="(item, index) in deviceData" :key="index">
@@ -188,7 +188,10 @@ export default {
       this.addDevice = false;
       // this.deviceData.push({location});
     },
-    
+    //
+    deleteDevice(){
+
+    },
     //删除对应的喇叭
     removeItem(index, deviceData) {
       this.$modal
diff --git a/src/layout/components/MusicManage/index.vue b/src/layout/components/MusicManage/index.vue
index 1f9781b..761b110 100644
--- a/src/layout/components/MusicManage/index.vue
+++ b/src/layout/components/MusicManage/index.vue
@@ -33,7 +33,7 @@
     <!-- 音乐管理表格数据 -->
     <div class="musicManagement" v-show="musicShow">
       <el-table :data="musicManagementList" height="274" style="width: 100%">
-        <el-table-column prop="location" label="位置" width="140" height="25" align="center"></el-table-column>
+        <el-table-column prop="location" label="位置"  height="25" align="center"></el-table-column>
         <el-table-column prop="deviceIp" label="IP地址" width="130" height="25" align="center"></el-table-column>
         <el-table-column prop="status" label="设备状态" height="25" width="80" align="center">
           <template slot-scope="scope">
@@ -45,13 +45,13 @@
         <el-table-column prop="volume" label="音量" width="50" height="25" align="center"></el-table-column>
         <el-table-column prop="createTime" label="创建时间" width="160" height="25" align="center"></el-table-column>
         <el-table-column prop="createBy" label="创建人" width="80" height="25" align="center"></el-table-column>
-        <el-table-column prop="operate" label="操作" height="25" align="center">
+        <el-table-column prop="operate" label="操作" height="25" width="160" align="center">
           <template slot-scope="scope">
             <el-button
               size="mini"
               type="primary"
               icon="el-icon-edit-outline"
-              @click="edit(scope.row)"
+              @click="editMusic(scope.row)"
             >编辑</el-button>
             <el-button
               size="mini"
@@ -232,7 +232,7 @@ export default {
         .catch(() => {});
     },
     //编辑按钮
-    edit(row) {
+    editMusic(row) {
       this.musicHandle = true;
 
       //  this.form = row;
@@ -253,6 +253,7 @@ export default {
   border-radius: 0;
   background: none;
 }
+/* 分页样式 */
 ::v-deep .pagination-container .el-select .el-input .el-select__caret {
   color: #618dfa !important;
 }
diff --git a/src/layout/components/TrackManagement/index.vue b/src/layout/components/TrackManagement/index.vue
index 81d2306..6b70796 100644
--- a/src/layout/components/TrackManagement/index.vue
+++ b/src/layout/components/TrackManagement/index.vue
@@ -4,17 +4,29 @@
       <h2>曲目管理</h2>
     </div>
     <!-- 曲目管理表格 -->
+    <div class="addBox1">
+      <el-button size="mini" type="primary" icon="el-icon-plus" @click="addSong">新增</el-button>
+    </div>
+
     <div class="trackManagement">
-      <el-table :data="songList" style="width: 100%">
-        <el-table-column prop="number" type="index" label="序号" width="100" align="center"></el-table-column>
-        <el-table-column prop="songName" label="歌曲名称" width="180" align="center"></el-table-column>
-        <el-table-column prop="action" label="操作" align="center">
+      <el-table :data="songList" style="width: 100%" height="196px">
+        <el-table-column prop="number" type="index" label="序号" width="60" align="center"></el-table-column>
+        <el-table-column prop="songName" label="歌曲名称" align="center"></el-table-column>
+        <el-table-column prop="action" label="操作" width="280" align="center">
           <template slot-scope="scope">
+            <el-button
+              class="addButton"
+              size="mini"
+              type="primary"
+              icon="el-icon-edit-outline"
+              @click="editSong(scope.row)"
+            >编辑</el-button>
             <el-button
               size="mini"
               type="primary"
               icon="el-icon-headset"
               @click="listenSong(scope.row)"
+              class="listenButton"
             >试听</el-button>
             <el-button
               size="mini"
@@ -31,26 +43,57 @@
           </template>
         </el-table-column>
       </el-table>
+
+      <!-- <el-dialog title="录音播放" :visible.sync="dialogVisible" width="20%" :before-close="stop">
+        <template>
+          <center>
+            <audio
+              src="./从别后.mp3"
+              autoplay="autoplay"
+              controls="controls"
+              ref="audio"
+            ></audio>
+          </center>
+        </template>
+      </el-dialog>-->
     </div>
-    <div class="waveBox"></div>
+    <!-- 音频波形图 -->
+    <div id="waveForm" ref="waveForm"></div>
     <div class="panel-footer"></div>
 
-    <el-dialog title="系统提示" :visible.sync="open" width="300px" style="background:#111658,color:white">
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" size="mini" @click="submitForm">确定</el-button>
-        <el-button type="primarys" size="mini" @click="cancel">取消</el-button>
-      </div>
+    <!-- 新增的对话框 -->
+    <el-dialog title :visible.sync="addDialog" width="20%" style="top:20vh" >
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="曲目名称" prop="songName">
+              <el-input placeholder="请输入曲目" v-model="form.songName" class="el-input3"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="uploadSong">上传</el-button>
+        <el-button type="primary" @click="updateSong">更新</el-button>
+      </span>
     </el-dialog>
   </div>
 </template>
 
 <script>
 import flexible from "@/layout/flexible.js";
+import WaveSurfer from "wavesurfer.js";
 
 export default {
-  
-data() {
+  data() {
     return {
+      src: "",
+      wavesurfer: null,
+      addDialog: false,
+      audio: undefined,
+      wavesurfer: null,
+      tag: false,
+      form: {},
       songList: [
         {
           songName: "门没锁"
@@ -63,46 +106,138 @@ data() {
         },
         {
           songName: "南半球与北海道"
+        },
+        {
+          songName: "不再犹豫"
+        },
+        {
+          songName: "海阔天空"
         }
       ],
 
       // 是否显示弹出层
-      open: false,
+      open: false
     };
   },
 
+  //绘制音频波形图
+  mounted() {
+    this.$nextTick(() => {
+      // var wavesurfer = WaveSurfer.create({
+      //   container: this.$refs.waveForm,
+      //   waveColor: "white",
+      //   progressColor: "#42e8e0",
+      //   cursorColor: "transparent",
+      //   barWidth: 3
+      // });
+    //   wavesurfer.load(require("./从别后.mp3"));
+    });
+  },
   methods: {
-    
-  // 取消按钮
+    //新增按钮
+    addSong() {
+      this.addDialog = true;
+    },
+    //编辑按钮
+    editSong() {},
+    //试听按钮操做
+    listenSong() {
+      this.$nextTick(() => {
+        var wavesurfer = WaveSurfer.create({
+          container: this.$refs.waveForm,
+          waveColor: "white",
+          progressColor: "#42e8e0",
+          cursorColor: "transparent",
+          barWidth: 3
+        });
+        wavesurfer.load(require("./从别后.mp3"));
+
+        wavesurfer.on("ready", function() {
+          wavesurfer.play();
+        });
+      });
+    },
+    download() {},
+    // 取消按钮
     cancel() {
-    this.open = false;
+      this.open = false;
     },
-   //确定按钮 
-    submitForm() {
-      
+    //上传按钮
+    uploadSong() {
+      this.addDialog = false;
     },
+    // 跟新按钮
+    updateSong() {
+      this.addDialog = false;
+    },
+    //确定按钮
+    submitForm() {},
     //删除按钮操作
-   deleteSong(index,songList){
-     this.$modal.confirm('确认要删除吗')
-     .then(function() {
-        songList.splice(index, 1);
-      })
-      .then(() => {
-        this.$modal.msgSuccess( "删除成功");
-      })
-      .catch(() => {
-       this.open = false;
-      })
-  },
-  },
-
-}
+    deleteSong(index, songList) {
+      this.$modal
+        .confirm("确认要删除吗")
+        .then(function() {
+          songList.splice(index, 1);
+        })
+        .then(() => {
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {
+          this.open = false;
+        });
+    }
+  }
+};
 </script>
 <style scoped>
+/* 新增对话框样式 */
+::v-deep .el-dialog {
+  background: #111658 !important;
+  border: 1px solid gray;
+}
+::v-deep .el-dialog__body {
+  color: white !important;
+}
+::v-deep .el-form .el-form-item__label {
+  color: white;
+}
+::v-deep .el-input3 .el-input__inner {
+  background-color: #1c257f !important;
+  border: 1px solid rgba(25, 186, 139, 0.17) !important;
+  color: white;
+}
+/* 滚动条样式 */
+::v-deep ::-webkit-scrollbar {
+  width: 7px;
+}
+::v-deep ::-webkit-scrollbar-thumb {
+  border-radius: 14px;
+  background: #4a6cd5;
+}
+::v-deep ::-webkit-scrollbar-track {
+  border-radius: 0;
+  background: none;
+}
 .el-button--primarys {
   background: #3835a0 !important;
   color: white !important;
   border: none !important;
   /* padding: 0.06rem; */
 }
+#waveForm {
+  width: 7.2rem;
+  height: 1rem;
+  margin-top: 0.127rem;
+  border: 1px solid rgba(25, 186, 139, 0.17);
+  /* overflow: hidden; */
+}
+.addBox1 {
+  margin-top: 0.125rem;
+}
+::v-deep canvas {
+  height: 1rem !important;
+}
+::v-deep .wave {
+  height: 1rem !important;
+}
 </style>
\ No newline at end of file
diff --git a/src/layout/components/TrackManagement/wave.js b/src/layout/components/TrackManagement/wave.js
new file mode 100644
index 0000000..8820ec3
--- /dev/null
+++ b/src/layout/components/TrackManagement/wave.js
@@ -0,0 +1,9 @@
+var WaveSurfer = require("WaveSurfer");
+var wavesurfer = WaveSurfer.create({
+    container: '#waveBox',
+    waveColor: '#42e8e0',
+    progressColor: 'hsla(200, 100%, 30%, 0.5)',
+    cursorColor: '#fff',
+    barWidth: 3
+   });
+   wavesurfer.load('./一吻天荒.mp3');   
\ No newline at end of file
diff --git a/src/layout/components/TrackManagement/一吻天荒.mp3 b/src/layout/components/TrackManagement/一吻天荒.mp3
new file mode 100644
index 0000000..9d345f4
Binary files /dev/null and b/src/layout/components/TrackManagement/一吻天荒.mp3 differ
diff --git a/src/layout/components/TrackManagement/从别后.mp3 b/src/layout/components/TrackManagement/从别后.mp3
new file mode 100644
index 0000000..30ced44
Binary files /dev/null and b/src/layout/components/TrackManagement/从别后.mp3 differ
diff --git a/src/layout/components/User/index.vue b/src/layout/components/User/index.vue
index bdf2c93..b5cfbcd 100644
--- a/src/layout/components/User/index.vue
+++ b/src/layout/components/User/index.vue
@@ -22,7 +22,6 @@
       <el-form-item label="姓名" prop="roleName">
         <el-input v-model="queryParams.roleName" placeholder class="input2" size="mini"></el-input>
       </el-form-item>
-
       <el-button
         icon="el-icon-search"
         class="searchButton"
@@ -44,7 +43,7 @@
         <el-table-column prop="number" type="index" label="序号" align="center"></el-table-column>
         <el-table-column prop="roleName" label="用户姓名" align="center"></el-table-column>
         <el-table-column prop="roleType" label="角色" align="center"></el-table-column>
-        <el-table-column prop="roleStatus" type="用户状态" width="100" label="序号" align="center"></el-table-column>
+        <el-table-column prop="roleStatus" width="100" label="用户状态" align="center"></el-table-column>
         <el-table-column prop="createBy" label="创建时间" align="center"></el-table-column>
         <el-table-column prop="action" label="操作" width="250" align="center">
           <template slot-scope="scope">
@@ -96,9 +95,27 @@
         <el-button type="primary" @click="submitForm">确 定</el-button>
       </span>
     </el-dialog>
+      <!-- 重置密码对话框 -->
+      <!-- <el-dialog title :visible.sync="passwordDialog" width="20%" style="top:20vh" >
+      <el-form ref="passwordForm" :model="passwordForm" :rules="rules"   label-width="80px">
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="新密码" prop="password">
+              <el-input placeholder="请输入新密码" v-model="passwordForm.password" class="input2"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+       <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="passwordDialog = false">取 消</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </span>
+      </el-dialog> -->
+
   </div>
 </template>
 <style  scoped>
+ 
 .roleListBox{
   margin-top: 20px;
 }
@@ -148,11 +165,14 @@ export default {
         roleType: null,
         roleName: null,
       },
+      passwordDialog:false,
       roleHandle:false,
       roleForm:{
         roleName:null,
         roleType:null,
       },
+      passwordForm:{},
+      rules:{},
       roleList: [
         {
           roleName: "admin",
@@ -193,7 +213,21 @@ export default {
     //停用状态操作
     stopStatus() {},
     //重置密码操作
-    revisePassword() {},
+    revisePassword() {
+      this.$prompt('请输入新密码', "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        closeOnClickModal: false,
+        inputPattern: /^[A-Za-z0-9]{5,20}$/,
+        inputErrorMessage: "用户密码长度必须介于 5 和 20 之间数字或字母"
+      }).then(({ value }) => {
+          // resetUserPwd(row.userId, value).then(response => {
+          //   this.$modal.msgSuccess("修改成功");
+          // });
+          this.$modal.msgSuccess("修改成功");
+        }).catch(() => {});
+    
+    },
     //查询操作
     handleQuery() {},
     //重置操作
diff --git a/src/layout/index.vue b/src/layout/index.vue
index c2eb2f6..3db2f26 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,24 +1,6 @@
 <template>
 <div class="app-content home">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  </head>
-  <header>
-    <h1>陵川电子音乐公路管理系统</h1>
-    <navbar />
-  </header>
-  <div class="mainbox">
-    <div class="row1">
-      <vedio />
-      <car-msg />
-      <track-management />
-    </div>
-    <div class="row2">
-      <music-manage />
-      <device />
-    </div>
-  </div>
+  <router-view></router-view>
 </div>
 </template>
 
@@ -133,7 +115,7 @@ li {
 .el-message-box__content {
   color: white;
 }
-.el-button--small {
+/* .el-button--small {
   background: #3835a0;
   color: white;
   border: none;
@@ -141,6 +123,9 @@ li {
 .el-button--small:hover {
   background: #3835a0;
   color: white;
+} */
+.el-button--mini{
+  padding:7px 8px;
 }
 .trackManagement {
   width: 7.2rem;
@@ -157,12 +142,7 @@ li {
   color: white !important;
   border: none !important;
 }
-.waveBox {
-  width: 7.2rem;
-  height: 1.42rem;
-  margin-top: 0.127rem;
-  border: 1px solid rgba(25, 186, 139, 0.17);
-}
+
 .musicManagement {
   margin: 0.125rem 0 0.125rem;
 }
@@ -359,6 +339,9 @@ header h1 {
   color:gray !important;
   padding:0px 0px 0px;
 }
+.el-message-box__input input.invalid{
+  border-color:transparent !important;
+}
 /*   设备管理*/
 .el-popover {
   background: #111658 !important;
diff --git a/src/views/index.vue b/src/views/index.vue
index fbb481b..344233c 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -1,827 +1,395 @@
 <template>
-  <div class="app-container home">
-    <el-row :gutter="20">
-      <el-col :sm="24" :lg="24">
-        <blockquote class="text-warning" style="font-size: 14px">
-          领取阿里云通用云产品1888优惠券
-          <br />
-          <el-link
-            href="https://www.aliyun.com/minisite/goods?userCode=brki8iof"
-            type="primary"
-            target="_blank"
-            >https://www.aliyun.com/minisite/goods?userCode=brki8iof</el-link
-          >
-          <br />
-          领取腾讯云通用云产品2860优惠券
-          <br />
-          <el-link
-            href="https://cloud.tencent.com/redirect.php?redirect=1025&cps_key=198c8df2ed259157187173bc7f4f32fd&from=console"
-            type="primary"
-            target="_blank"
-            >https://cloud.tencent.com/redirect.php?redirect=1025&cps_key=198c8df2ed259157187173bc7f4f32fd&from=console</el-link
-          >
-          <br />
-          阿里云服务器折扣区
-          <el-link href="http://aly.ruoyi.vip" type="primary" target="_blank"
-            >>☛☛点我进入☚☚</el-link
-          >
-          &nbsp;&nbsp;&nbsp; 腾讯云服务器秒杀区
-          <el-link href="http://txy.ruoyi.vip" type="primary" target="_blank"
-            >>☛☛点我进入☚☚</el-link
-          ><br />
-          <h4 class="text-danger">
-            云产品通用红包，可叠加官网常规优惠使用。(仅限新用户)
-          </h4>
-        </blockquote>
-
-        <hr />
-      </el-col>
-    </el-row>
-    <el-row :gutter="20">
-      <el-col :sm="24" :lg="12" style="padding-left: 20px">
-        <h2>若依后台管理框架</h2>
-        <p>
-          一直想做一款后台管理系统，看了很多优秀的开源项目但是发现没有合适自己的。于是利用空闲休息时间开始自己写一套后台系统。如此有了若依管理系统。，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。所有前端后台代码封装过后十分精简易上手，出错概率低。同时支持移动客户端访问。系统会陆续更新一些实用功能。
-        </p>
-        <p>
-          <b>当前版本:</b> <span>v{{ version }}</span>
-        </p>
-        <p>
-          <el-tag type="danger">&yen;免费开源</el-tag>
-        </p>
-        <p>
-          <el-button
-            type="primary"
-            size="mini"
-            icon="el-icon-cloudy"
-            plain
-            @click="goTarget('https://gitee.com/y_project/RuoYi-Vue')"
-            >访问码云</el-button
-          >
-          <el-button
-            size="mini"
-            icon="el-icon-s-home"
-            plain
-            @click="goTarget('http://ruoyi.vip')"
-            >访问主页</el-button
-          >
-        </p>
-      </el-col>
-
-      <el-col :sm="24" :lg="12" style="padding-left: 50px">
-        <el-row>
-          <el-col :span="12">
-            <h2>技术选型</h2>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="6">
-            <h4>后端技术</h4>
-            <ul>
-              <li>SpringBoot</li>
-              <li>Spring Security</li>
-              <li>JWT</li>
-              <li>MyBatis</li>
-              <li>Druid</li>
-              <li>Fastjson</li>
-              <li>...</li>
-            </ul>
-          </el-col>
-          <el-col :span="6">
-            <h4>前端技术</h4>
-            <ul>
-              <li>Vue</li>
-              <li>Vuex</li>
-              <li>Element-ui</li>
-              <li>Axios</li>
-              <li>Sass</li>
-              <li>Quill</li>
-              <li>...</li>
-            </ul>
-          </el-col>
-        </el-row>
-      </el-col>
-    </el-row>
-    <el-divider />
-    <el-row :gutter="20">
-      <el-col :xs="24" :sm="24" :md="12" :lg="8">
-        <el-card class="update-log">
-          <div slot="header" class="clearfix">
-            <span>联系信息</span>
-          </div>
-          <div class="body">
-            <p>
-              <i class="el-icon-s-promotion"></i> 官网：<el-link
-                href="http://www.ruoyi.vip"
-                target="_blank"
-                >http://www.ruoyi.vip</el-link
-              >
-            </p>
-            <p>
-              <i class="el-icon-user-solid"></i> QQ群：<s>满937441</s>
-              <s>满887144332</s> <s>满180251782</s> <s>满104180207</s>
-              <s>满186866453</s> <s>满201396349</s> <s>满101456076</s> <s>满101539465</s>
-              <a href="https://jq.qq.com/?_wv=1027&k=EI9an8lJ" target="_blank">
-                264312783</a
-              >
-            </p>
-            <p>
-              <i class="el-icon-chat-dot-round"></i> 微信：<a
-                href="javascript:;"
-                >/ *若依</a
-              >
-            </p>
-            <p>
-              <i class="el-icon-money"></i> 支付宝：<a
-                href="javascript:;"
-                class="支付宝信息"
-                >/ *若依</a
-              >
-            </p>
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :xs="24" :sm="24" :md="12" :lg="8">
-        <el-card class="update-log">
-          <div slot="header" class="clearfix">
-            <span>更新日志</span>
-          </div>
-          <el-collapse accordion>
-            <el-collapse-item title="v3.8.1 - 2022-01-01">
-              <ol>
-                <li>新增Vue3前端代码生成模板</li>
-                <li>新增图片预览组件</li>
-                <li>新增压缩插件实现打包Gzip</li>
-                <li>自定义xss校验注解实现</li>
-                <li>自定义文字复制剪贴指令</li>
-                <li>代码生成预览支持复制内容</li>
-                <li>路由支持单独配置菜单或角色权限</li>
-                <li>用户管理部门查询选择节点后分页参数初始</li>
-                <li>修复用户分配角色属性错误</li>
-                <li>修复打包后字体图标偶现的乱码问题</li>
-                <li>修复菜单管理重置表单出现的错误</li>
-                <li>修复版本差异导致的懒加载报错问题</li>
-                <li>修复Cron组件中周回显问题</li>
-                <li>修复定时任务多参数逗号分隔的问题</li>
-                <li>修复根据ID查询列表可能出现的主键溢出问题</li>
-                <li>修复tomcat配置参数已过期问题</li>
-                <li>升级clipboard到最新版本2.0.8</li>
-                <li>升级oshi到最新版本v5.8.6</li>
-                <li>升级fastjson到最新版1.2.79</li>
-                <li>升级spring-boot到最新版本2.5.8</li>
-                <li>升级log4j2到2.17.1，防止漏洞风险</li>
-                <li>优化下载解析blob异常提示</li>
-                <li>优化代码生成字典组重复问题</li>
-                <li>优化查询用户的角色组&岗位组代码</li>
-                <li>优化定时任务cron表达式小时设置24</li>
-                <li>优化用户导入提示溢出则显示滚动条</li>
-                <li>优化防重复提交标识组合为(key+url+header)</li>
-                <li>优化分页方法设置成通用方便灵活调用</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.0 - 2021-12-01">
-              <ol>
-                <li>新增配套并同步的Vue3前端版本</li>
-                <li>新增通用方法简化模态/缓存/下载/权限/页签使用</li>
-                <li>优化导出数据/使用通用下载方法</li>
-                <li>Excel注解支持自定义数据处理器</li>
-                <li>Excel注解支持导入导出标题信息</li>
-                <li>Excel导入支持@Excels注解</li>
-                <li>新增组件data-dict，简化数据字典使用</li>
-                <li>新增Jaxb依赖，防止jdk8以上出现的兼容错误</li>
-                <li>生产环境使用路由懒加载提升页面响应速度</li>
-                <li>修复五级以上菜单出现的404问题</li>
-                <li>防重提交注解支持配置间隔时间/提示消息</li>
-                <li>日志注解新增是否保存响应参数</li>
-                <li>任务屏蔽违规字符&参数忽略双引号中的逗号</li>
-                <li>升级SpringBoot到最新版本2.5.6</li>
-                <li>升级pagehelper到最新版1.4.0</li>
-                <li>升级spring-boot-mybatis到最新版2.2.0</li>
-                <li>升级oshi到最新版本v5.8.2</li>
-                <li>升级druid到最新版1.2.8</li>
-                <li>升级velocity到最新版本2.3</li>
-                <li>升级fastjson到最新版1.2.78</li>
-                <li>升级axios到最新版本0.24.0</li>
-                <li>升级dart-sass到版本1.32.13</li>
-                <li>升级core-js到最新版本3.19.1</li>
-                <li>升级jsencrypt到最新版本3.2.1</li>
-                <li>升级js-cookie到最新版本3.0.1</li>
-                <li>升级file-saver到最新版本2.0.5</li>
-                <li>升级sass-loader到最新版本10.1.1</li>
-                <li>升级element-ui到最新版本2.15.6</li>
-                <li>新增sendGet无参请求方法</li>
-                <li>禁用el-tag组件的渐变动画</li>
-                <li>代码生成点击预览重置激活tab</li>
-                <li>AjaxResult重写put方法，以方便链式调用</li>
-                <li>优化登录/验证码请求headers不设置token</li>
-                <li>优化用户个人信息接口防止修改用户名</li>
-                <li>优化Cron表达式生成器关闭时销毁避免缓存</li>
-                <li>优化注册成功提示消息类型success</li>
-                <li>优化aop语法，使用spring自动注入注解</li>
-                <li>优化记录登录信息，移除不必要的修改</li>
-                <li>优化mybatis全局默认的执行器</li>
-                <li>优化Excel导入图片可能出现的异常</li>
-                <li>修复代码生成模板主子表删除缺少事务</li>
-                <li>修复日志记录可能出现的转换异常</li>
-                <li>修复代码生成复选框字典遗漏问题</li>
-                <li>修复关闭xss功能导致可重复读RepeatableFilter失效</li>
-                <li>修复字符串无法被反转义问题</li>
-                <li>修复后端主子表代码模板方法名生成错误问题</li>
-                <li>修复xss过滤后格式出现的异常</li>
-                <li>修复swagger没有指定dataTypeClass导致启动出现warn日志</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.7.0 - 2021-09-13">
-              <ol>
-                <li>参数管理支持配置验证码开关</li>
-                <li>新增是否开启用户注册功能</li>
-                <li>定时任务支持在线生成cron表达式</li>
-                <li>菜单管理支持配置路由参数</li>
-                <li>支持自定义注解实现接口限流</li>
-                <li>Excel注解支持Image图片导入</li>
-                <li>自定义弹层溢出滚动样式</li>
-                <li>自定义可拖动弹窗宽度指令</li>
-                <li>自定义可拖动弹窗高度指令</li>
-                <li>修复任意账户越权问题</li>
-                <li>修改时检查用户数据权限范围</li>
-                <li>修复保存配置主题颜色失效问题</li>
-                <li>新增暗色菜单风格主题</li>
-                <li>菜单&部门新增展开/折叠功能</li>
-                <li>页签新增关闭左侧&添加图标</li>
-                <li>顶部菜单排除隐藏的默认路由</li>
-                <li>顶部菜单同步系统主题样式</li>
-                <li>跳转路由高亮相对应的菜单栏</li>
-                <li>代码生成主子表多选行数据</li>
-                <li>日期范围支持添加多组</li>
-                <li>升级element-ui到最新版本2.15.5</li>
-                <li>升级oshi到最新版本v5.8.0</li>
-                <li>升级commons.io到最新版本v2.11.0</li>
-                <li>定时任务屏蔽ldap远程调用</li>
-                <li>定时任务屏蔽http(s)远程调用</li>
-                <li>补充定时任务表字段注释</li>
-                <li>定时任务对检查异常进行事务回滚</li>
-                <li>启用父部门状态排除顶级节点</li>
-                <li>富文本新增上传文件大小限制</li>
-                <li>默认首页使用keep-alive缓存</li>
-                <li>修改代码生成字典回显样式</li>
-                <li>自定义分页合理化传入参数</li>
-                <li>修复字典组件值为整形不显示问题</li>
-                <li>修复定时任务日志执行状态显示</li>
-                <li>角色&菜单新增字段属性提示信息</li>
-                <li>修复角色分配用户页面参数类型错误提醒</li>
-                <li>优化布局设置动画特效</li>
-                <li>优化异常处理信息</li>
-                <li>优化错误token导致的解析异常</li>
-                <li>密码框新增显示切换密码图标</li>
-                <li>定时任务新增更多操作</li>
-                <li>更多操作按钮添加权限控制</li>
-                <li>导入用户样式优化</li>
-                <li>提取通用方法到基类控制器</li>
-                <li>优化使用权限工具获取用户信息</li>
-                <li>优化用户不能删除自己</li>
-                <li>优化XSS跨站脚本过滤</li>
-                <li>优化代码生成模板</li>
-                <li>验证码默认20s超时</li>
-                <li>BLOB下载时清除URL对象引用</li>
-                <li>代码生成导入表按创建时间排序</li>
-                <li>修复代码生成页面数据编辑保存之后总是跳转第一页的问题</li>
-                <li>修复带safari浏览器无法格式化utc日期格式yyyy-MM-dd'T'HH:mm:ss.SSS问题</li>
-                <li>多图上传组件移除多余的api地址&验证失败导致图片删除问题&无法删除相应图片修复</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.6.0 - 2021-07-12">
-              <ol>
-                <li>角色管理新增分配用户功能</li>
-                <li>用户管理新增分配角色功能</li>
-                <li>日志列表支持排序操作</li>
-                <li>优化参数&字典缓存操作</li>
-                <li>系统布局配置支持动态标题开关</li>
-                <li>菜单路由配置支持内链访问</li>
-                <li>默认访问后端首页新增提示语</li>
-                <li>富文本默认上传返回url类型</li>
-                <li>新增自定义弹窗拖拽指令</li>
-                <li>全局注册常用通用组件</li>
-                <li>全局挂载字典标签组件</li>
-                <li>ImageUpload组件支持多图片上传</li>
-                <li>FileUpload组件支持多文件上传</li>
-                <li>文件上传组件添加数量限制属性</li>
-                <li>富文本编辑组件添加类型属性</li>
-                <li>富文本组件工具栏配置视频</li>
-                <li>封装通用iframe组件</li>
-                <li>限制超级管理员不允许操作</li>
-                <li>用户信息长度校验限制</li>
-                <li>分页组件新增pagerCount属性</li>
-                <li>添加bat脚本执行应用</li>
-                <li>升级oshi到最新版本v5.7.4</li>
-                <li>升级element-ui到最新版本2.15.2</li>
-                <li>升级pagehelper到最新版1.3.1</li>
-                <li>升级commons.io到最新版本v2.10.0</li>
-                <li>升级commons.fileupload到最新版本v1.4</li>
-                <li>升级swagger到最新版本v3.0.0</li>
-                <li>修复关闭confirm提示框控制台报错问题</li>
-                <li>修复存在的SQL注入漏洞问题</li>
-                <li>定时任务屏蔽rmi远程调用</li>
-                <li>修复用户搜索分页变量错误</li>
-                <li>修复导出角色数据范围翻译缺少仅本人</li>
-                <li>修复表单构建选择下拉选择控制台报错问题</li>
-                <li>优化图片工具类读取文件</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.5.0 - 2021-05-25">
-              <ol>
-                <li>新增菜单导航显示风格TopNav（false为左侧导航菜单，true为顶部导航菜单）</li>
-                <li>布局设置支持保存&重置配置</li>
-                <li>修复树表数据显示不全&加载慢问题</li>
-                <li>新增IE浏览器版本过低提示页面</li>
-                <li>用户登录后记录最后登录IP&时间</li>
-                <li>页面导出按钮点击之后添加遮罩</li>
-                <li>富文本编辑器支持自定义上传地址</li>
-                <li>富文本编辑组件新增readOnly属性</li>
-                <li>页签TagsView新增关闭右侧功能</li>
-                <li>显隐列组件加载初始默认隐藏列</li>
-                <li>关闭头像上传窗口还原默认图片</li>
-                <li>个人信息添加手机&邮箱重复验证</li>
-                <li>代码生成模板导出按钮点击后添加遮罩</li>
-                <li>代码生成模板树表操作列添加新增按钮</li>
-                <li>代码生成模板修复主子表字段重名问题</li>
-                <li>升级fastjson到最新版1.2.76</li>
-                <li>升级druid到最新版本v1.2.6</li>
-                <li>升级mybatis到最新版3.5.6 阻止远程代码执行漏洞</li>
-                <li>升级oshi到最新版本v5.6.0</li>
-                <li>velocity剔除commons-collections版本，防止3.2.1版本的反序列化漏洞</li>
-                <li>数据监控页默认账户密码防止越权访问</li>
-                <li>修复firefox下表单构建拖拽会新打卡一个选项卡</li>
-                <li>修正后端导入表权限标识</li>
-                <li>修正前端操作日志&登录日志权限标识</li>
-                <li>设置Redis配置HashKey序列化</li>
-                <li>删除操作日志记录信息</li>
-                <li>上传媒体类型添加视频格式</li>
-                <li>修复请求形参未传值记录日志异常问题</li>
-                <li>优化xss校验json请求条件</li>
-                <li>树级结构更新子节点使用replaceFirst</li>
-                <li>优化ExcelUtil空值处理</li>
-                <li>日志记录过滤BindingResult对象，防止异常</li>
-                <li>修改主题后mini类型按钮无效问题</li>
-                <li>优化通用下载完成后删除节点</li>
-                <li>通用Controller添加响应返回消息</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.4.0 - 2021-02-22">
-              <ol>
-                <li>代码生成模板支持主子表</li>
-                <li>表格右侧工具栏组件支持显隐列</li>
-                <li>图片组件添加预览&移除功能</li>
-                <li>Excel注解支持Image图片导出</li>
-                <li>操作按钮组调整为朴素按钮样式</li>
-                <li>代码生成支持文件上传组件</li>
-                <li>代码生成日期控件区分范围</li>
-                <li>代码生成数据库文本类型生成表单文本域</li>
-                <li>用户手机邮箱&菜单组件修改允许空字符串</li>
-                <li>升级SpringBoot到最新版本2.2.13 提升启动速度</li>
-                <li>升级druid到最新版本v1.2.4</li>
-                <li>升级fastjson到最新版1.2.75</li>
-                <li>升级element-ui到最新版本2.15.0</li>
-                <li>修复IE11浏览器报错问题</li>
-                <li>优化多级菜单之间切换无法缓存的问题</li>
-                <li>修复四级菜单无法显示问题</li>
-                <li>修正侧边栏静态路由丢失问题</li>
-                <li>修复角色管理-编辑角色-功能权限显示异常</li>
-                <li>配置文件新增redis数据库索引属性</li>
-                <li>权限工具类增加admin判断</li>
-                <li>角色非自定义权限范围清空选择值</li>
-                <li>修复导入数据为负浮点数时丢失精度问题</li>
-                <li>移除path-to-regexp正则匹配插件</li>
-                <li>修复生成树表代码异常</li>
-                <li>修改ip字段长度防止ipv6地址长度不够</li>
-                <li>防止get请求参数值为false或0等特殊值会导致无法正确的传参</li>
-                <li>登录后push添加catch防止出现检查错误</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.3.0 - 2020-12-14">
-              <ol>
-                <li>新增缓存监控功能</li>
-                <li>支持主题风格配置</li>
-                <li>修复多级菜单之间切换无法缓存的问题</li>
-                <li>多级菜单自动配置组件</li>
-                <li>代码生成预览支持高亮显示</li>
-                <li>支持Get请求映射Params参数</li>
-                <li>删除用户和角色解绑关联</li>
-                <li>去除用户手机邮箱部门必填验证</li>
-                <li>Excel支持注解align对齐方式</li>
-                <li>Excel支持导入Boolean型数据</li>
-                <li>优化头像样式，鼠标移入悬停遮罩</li>
-                <li>代码生成预览提供滚动机制</li>
-                <li>代码生成删除多余的数字float类型</li>
-                <li>修正转换字符串的目标字符集属性</li>
-                <li>回显数据字典防止空值报错</li>
-                <li>日志记录增加过滤多文件场景</li>
-                <li>修改缓存Set方法可能导致嵌套的问题</li>
-                <li>移除前端一些多余的依赖</li>
-                <li>防止安全扫描YUI出现的风险提示</li>
-                <li>修改node-sass为dart-sass</li>
-                <li>升级SpringBoot到最新版本2.1.18</li>
-                <li>升级poi到最新版本4.1.2</li>
-                <li>升级oshi到最新版本v5.3.6</li>
-                <li>升级bitwalker到最新版本1.21</li>
-                <li>升级axios到最新版本0.21.0</li>
-                <li>升级element-ui到最新版本2.14.1</li>
-                <li>升级vue到最新版本2.6.12</li>
-                <li>升级vuex到最新版本3.6.0</li>
-                <li>升级vue-cli到版本4.5.9</li>
-                <li>升级vue-router到最新版本3.4.9</li>
-                <li>升级vue-cli到最新版本4.4.6</li>
-                <li>升级vue-cropper到最新版本0.5.5</li>
-                <li>升级clipboard到最新版本2.0.6</li>
-                <li>升级core-js到最新版本3.8.1</li>
-                <li>升级echarts到最新版本4.9.0</li>
-                <li>升级file-saver到最新版本2.0.4</li>
-                <li>升级fuse.js到最新版本6.4.3</li>
-                <li>升级js-beautify到最新版本1.13.0</li>
-                <li>升级js-cookie到最新版本2.2.1</li>
-                <li>升级path-to-regexp到最新版本6.2.0</li>
-                <li>升级quill到最新版本1.3.7</li>
-                <li>升级screenfull到最新版本5.0.2</li>
-                <li>升级sortablejs到最新版本1.10.2</li>
-                <li>升级vuedraggable到最新版本2.24.3</li>
-                <li>升级chalk到最新版本4.1.0</li>
-                <li>升级eslint到最新版本7.15.0</li>
-                <li>升级eslint-plugin-vue到最新版本7.2.0</li>
-                <li>升级lint-staged到最新版本10.5.3</li>
-                <li>升级runjs到最新版本4.4.2</li>
-                <li>升级sass-loader到最新版本10.1.0</li>
-                <li>升级script-ext-html-webpack-plugin到最新版本2.1.5</li>
-                <li>升级svg-sprite-loader到最新版本5.1.1</li>
-                <li>升级vue-template-compiler到最新版本2.6.12</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.2.1 - 2020-11-18">
-              <ol>
-                <li>阻止任意文件下载漏洞</li>
-                <li>代码生成支持上传控件</li>
-                <li>新增图片上传组件</li>
-                <li>调整默认首页</li>
-                <li>升级druid到最新版本v1.2.2</li>
-                <li>mapperLocations配置支持分隔符</li>
-                <li>权限信息调整</li>
-                <li>调整sql默认时间</li>
-                <li>解决代码生成没有bit类型的问题</li>
-                <li>升级pagehelper到最新版1.3.0</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.2.0 - 2020-10-10">
-              <ol>
-                <li>升级springboot版本到2.1.17 提升安全性</li>
-                <li>升级oshi到最新版本v5.2.5</li>
-                <li>升级druid到最新版本v1.2.1</li>
-                <li>升级jjwt到版本0.9.1</li>
-                <li>升级fastjson到最新版1.2.74</li>
-                <li>修改sass为node-sass，避免el-icon图标乱码</li>
-                <li>代码生成支持同步数据库</li>
-                <li>代码生成支持富文本控件</li>
-                <li>代码生成页面时不忽略remark属性</li>
-                <li>代码生成添加select必填选项</li>
-                <li>Excel导出类型NUMERIC支持精度浮点类型</li>
-                <li>Excel导出targetAttr优化获取值，防止get方法不规范</li>
-                <li>Excel注解支持自动统计数据总和</li>
-                <li>Excel注解支持设置BigDecimal精度&舍入规则</li>
-                <li>菜单&数据权限新增（展开/折叠 全选/全不选 父子联动）</li>
-                <li>允许用户分配到部门父节点</li>
-                <li>菜单新增是否缓存keep-alive</li>
-                <li>表格操作列间距调整</li>
-                <li>限制系统内置参数不允许删除</li>
-                <li>富文本组件优化，支持自定义高度&图片冲突问题</li>
-                <li>富文本工具栏样式对齐</li>
-                <li>导入excel整形值校验优化</li>
-                <li>修复页签关闭所有时固定标签路由不刷新问题</li>
-                <li>表单构建布局型组件新增按钮</li>
-                <li>左侧菜单文字过长显示省略号</li>
-                <li>修正根节点为子部门时，树状结构显示问题</li>
-                <li>修正调用目标字符串最大长度</li>
-                <li>修正菜单提示信息错误</li>
-                <li>修正定时任务执行一次权限标识</li>
-                <li>修正数据库字符串类型nvarchar</li>
-                <li>优化递归子节点</li>
-                <li>优化数据权限判断</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-
-            <el-collapse-item title="v3.1.0 - 2020-08-13">
-              <ol>
-                <li>表格工具栏右侧添加刷新&显隐查询组件</li>
-                <li>后端支持CORS跨域请求</li>
-                <li>代码生成支持选择上级菜单</li>
-                <li>代码生成支持自定义路径</li>
-                <li>代码生成支持复选框</li>
-                <li>Excel导出导入支持dictType字典类型</li>
-                <li>Excel支持分割字符串组内容</li>
-                <li>验证码类型支持（数组计算、字符验证）</li>
-                <li>升级vue-cli版本到4.4.4</li>
-                <li>修改 node-sass 为 dart-sass</li>
-                <li>表单类型为Integer/Long设置整形默认值</li>
-                <li>代码生成器默认mapper路径与默认mapperScan路径不一致</li>
-                <li>优化防重复提交拦截器</li>
-                <li>优化上级菜单不能选择自己</li>
-                <li>修复角色的权限分配后，未实时生效问题</li>
-                <li>修复在线用户日志记录类型</li>
-                <li>修复富文本空格和缩进保存后不生效问题</li>
-                <li>修复在线用户判断逻辑</li>
-                <li>唯一限制条件只返回单条数据</li>
-                <li>添加获取当前的环境配置方法</li>
-                <li>超时登录后页面跳转到首页</li>
-                <li>全局异常状态汉化拦截处理</li>
-                <li>HTML过滤器改为将html转义</li>
-                <li>检查字符支持小数点&降级改成异常提醒</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-
-            <el-collapse-item title="v3.0.0 - 2020-07-20">
-              <ol>
-                <li>单应用调整为多模块项目</li>
-                <li>升级element-ui版本到2.13.2</li>
-                <li>删除babel，提高编译速度。</li>
-                <li>新增菜单默认主类目</li>
-                <li>编码文件名修改为uuid方式</li>
-                <li>定时任务cron表达式验证</li>
-                <li>角色权限修改时已有权限未自动勾选异常修复</li>
-                <li>防止切换权限用户后登录出现404</li>
-                <li>Excel支持sort导出排序</li>
-                <li>创建用户不允许选择超级管理员角色</li>
-                <li>修复代码生成导入表结构出现异常页面不提醒问题</li>
-                <li>修复代码生成点击多次表修改数据不变化的问题</li>
-                <li>修复头像上传成功二次打开无法改变裁剪框大小和位置问题</li>
-                <li>修复布局为small者mini用户表单显示错位问题</li>
-                <li>修复热部署导致的强换异常问题</li>
-                <li>修改用户管理复选框宽度，防止部分浏览器出现省略号</li>
-                <li>IpUtils工具，清除Xss特殊字符，防止Xff注入攻击</li>
-                <li>生成domain 如果是浮点型 统一用BigDecimal</li>
-                <li>定时任务调整label-width，防止部署出现错位</li>
-                <li>调整表头固定列默认样式</li>
-                <li>代码生成模板调整，字段为String并且必填则加空串条件</li>
-                <li>代码生成字典Integer/Long使用parseInt</li>
-                <li>
-                  修复dict_sort不可update为0的问题&查询返回增加dict_sort升序排序
-                </li>
-                <li>修正岗位导出权限注解</li>
-                <li>禁止加密密文返回前端</li>
-                <li>修复代码生成页面中的查询条件创建时间未生效的问题</li>
-                <li>修复首页搜索菜单外链无法点击跳转问题</li>
-                <li>修复菜单管理选择图标，backspace删除时不过滤数据</li>
-                <li>用户管理部门分支节点不可检查&显示计数</li>
-                <li>数据范围过滤属性调整</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-
-            <el-collapse-item title="v2.3.0 - 2020-06-01">
-              <ol>
-                <li>升级fastjson到最新版1.2.70 修复高危安全漏洞</li>
-                <li>dev启动默认打开浏览器</li>
-                <li>vue-cli使用默认source-map</li>
-                <li>slidebar eslint报错优化</li>
-                <li>当tags-view滚动关闭右键菜单</li>
-                <li>字典管理添加缓存读取</li>
-                <li>参数管理支持缓存操作</li>
-                <li>支持一级菜单（和主页同级）在main区域显示</li>
-                <li>限制外链地址必须以http(s)开头</li>
-                <li>tagview & sidebar 主题颜色与element ui(全局)同步</li>
-                <li>修改数据源类型优先级，先根据方法，再根据类</li>
-                <li>支持是否需要设置token属性，自定义返回码消息。</li>
-                <li>swagger请求前缀加入配置。</li>
-                <li>登录地点设置内容过长则隐藏显示</li>
-                <li>修复定时任务执行一次按钮后不提示消息问题</li>
-                <li>修改上级部门（选择项排除本身和下级）</li>
-                <li>通用http发送方法增加参数 contentType 编码类型</li>
-                <li>更换IP地址查询接口</li>
-                <li>修复页签变量undefined</li>
-                <li>添加校验部门包含未停用的子部门</li>
-                <li>修改定时任务详情下次执行时间日期显示错误</li>
-                <li>角色管理查询设置默认排序字段</li>
-                <li>swagger添加enable参数控制是否启用</li>
-                <li>只对json类型请求构建可重复读取inputStream的request</li>
-                <li>修改代码生成字典字段int类型没有自动选中问题</li>
-                <li>vuex用户名取值修正</li>
-                <li>表格树模板去掉多余的)</li>
-                <li>代码生成序号修正</li>
-                <li>全屏情况下不调整上外边距</li>
-                <li>代码生成Date字段添加默认格式</li>
-                <li>用户管理角色选择权限控制</li>
-                <li>修复路由懒加载报错问题</li>
-                <li>模板sql.vm添加菜单状态</li>
-                <li>设置用户名称不能修改</li>
-                <li>dialog添加append-to-body属性，防止ie遮罩</li>
-                <li>菜单区分状态和显示隐藏功能</li>
-                <li>升级fastjson到最新版1.2.68 修复安全加固</li>
-                <li>修复代码生成如果选择字典类型缺失逗号问题</li>
-                <li>登录请求params更换为data，防止暴露url</li>
-                <li>日志返回时间格式处理</li>
-                <li>添加handle控制允许拖动的元素</li>
-                <li>布局设置点击扩大范围</li>
-                <li>代码生成列属性排序查询</li>
-                <li>代码生成列支持拖动排序</li>
-                <li>修复时间格式不支持ios问题</li>
-                <li>表单构建添加父级class，防止冲突</li>
-                <li>定时任务并发属性修正</li>
-                <li>角色禁用&菜单隐藏不查询权限</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-
-            <el-collapse-item title="v2.2.0 - 2020-03-18">
-              <ol>
-                <li>系统监控新增定时任务功能</li>
-                <li>添加一个打包Web工程bat</li>
-                <li>修复页签鼠标滚轮按下的时候，可以关闭不可关闭的tag</li>
-                <li>修复点击退出登录有时会无提示问题</li>
-                <li>修复防重复提交注解无效问题</li>
-                <li>修复通知公告批量删除异常问题</li>
-                <li>添加菜单时路由地址必填限制</li>
-                <li>代码生成字段描述可编辑</li>
-                <li>修复用户修改个人信息导致缓存不过期问题</li>
-                <li>个人信息创建时间获取正确属性值</li>
-                <li>操作日志详细显示正确类型</li>
-                <li>导入表单击行数据时选中对应的复选框</li>
-                <li>批量替换表前缀逻辑调整</li>
-                <li>固定重定向路径表达式</li>
-                <li>升级element-ui版本到2.13.0</li>
-                <li>操作日志排序调整</li>
-                <li>修复charts切换侧边栏或者缩放窗口显示bug</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-
-            <el-collapse-item title="v2.1.0 - 2020-02-24">
-              <ol>
-                <li>新增表单构建</li>
-                <li>代码生成支持树表结构</li>
-                <li>新增用户导入</li>
-                <li>修复动态加载路由页面刷新问题</li>
-                <li>修复地址开关无效问题</li>
-                <li>汉化错误提示页面</li>
-                <li>代码生成已知问题修改</li>
-                <li>修复多数据源下配置关闭出现异常处理</li>
-                <li>添加HTML过滤器，用于去除XSS漏洞隐患</li>
-                <li>修复上传头像控制台出现异常</li>
-                <li>修改用户管理分页不正确的问题</li>
-                <li>修复验证码记录提示错误</li>
-                <li>修复request.js缺少Message引用</li>
-                <li>修复表格时间为空出现的异常</li>
-                <li>添加Jackson日期反序列化时区配置</li>
-                <li>调整根据用户权限加载菜单数据树形结构</li>
-                <li>调整成功登录不恢复按钮，防止多次点击</li>
-                <li>修改用户个人资料同步缓存信息</li>
-                <li>修复页面同时出现el-upload和Editor不显示处理</li>
-                <li>修复在角色管理页修改菜单权限偶尔未选中问题</li>
-                <li>配置文件新增redis密码属性</li>
-                <li>设置mybatis全局的配置文件</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-
-            <el-collapse-item title="v2.0.0 - 2019-12-02">
-              <ol>
-                <li>新增代码生成</li>
-                <li>新增@RepeatSubmit注解，防止重复提交</li>
-                <li>新增菜单主目录添加/删除操作</li>
-                <li>日志记录过滤特殊对象，防止转换异常</li>
-                <li>修改代码生成路由脚本错误</li>
-                <li>用户上传头像实时同步缓存，无需重新登录</li>
-                <li>调整切换页签后不重新加载数据</li>
-                <li>添加jsencrypt实现参数的前端加密</li>
-                <li>系统退出删除用户缓存记录</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v1.1.0 - 2019-11-11">
-              <ol>
-                <li>新增在线用户管理</li>
-                <li>新增按钮组功能实现（批量删除、导出、清空）</li>
-                <li>新增查询条件重置按钮</li>
-                <li>新增Swagger全局Token配置</li>
-                <li>新增后端参数校验</li>
-                <li>修复字典管理页面的日期查询异常</li>
-                <li>修改时间函数命名防止冲突</li>
-                <li>去除菜单上级校验，默认为顶级</li>
-                <li>修复用户密码无法修改问题</li>
-                <li>修复菜单类型为按钮时不显示权限标识</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v1.0.0 - 2019-10-08">
-              <ol>
-                <li>若依前后端分离系统正式发布</li>
-              </ol>
-            </el-collapse-item>
-          </el-collapse>
-        </el-card>
-      </el-col>
-      <el-col :xs="24" :sm="24" :md="12" :lg="8">
-        <el-card class="update-log">
-          <div slot="header" class="clearfix">
-            <span>捐赠支持</span>
-          </div>
-          <div class="body">
-            <img
-              src="https://oscimg.oschina.net/oscnet/up-d6695f82666e5018f715c41cb7ee60d3b73.png"
-              alt="donate"
-              width="100%"
-            />
-            <span style="display: inline-block; height: 30px; line-height: 30px"
-              >你可以请作者喝杯咖啡表示鼓励</span
-            >
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
+<div class="app-content home">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  </head>
+  <header>
+    <h1>陵川电子音乐公路管理系统</h1>
+    <navbar />
+  </header>
+  <div class="mainbox">
+    <div class="row1">
+      <vedio />
+      <car-msg />
+      <track-management />
+    </div>
+    <div class="row2">
+      <music-manage />
+      <device />
+    </div>
   </div>
+</div>
 </template>
 
 <script>
+import {
+  Vedio,
+  CarMsg,
+  TrackManagement,
+  MusicManage,
+  Device,
+  Navbar,
+ 
+} from "@/layout/components";
+import flexible from "@/layout/flexible.js";
 export default {
-  name: "Index",
-  data() {
-    return {
-      // 版本号
-      version: "3.8.1",
-    };
-  },
-  methods: {
-    goTarget(href) {
-      window.open(href, "_blank");
-    },
+  name: "Layout",
+  components: {
+    Vedio,
+    CarMsg,
+    TrackManagement,
+    MusicManage,
+    Device,
+    Navbar,
+
   },
+  methods: {},
+  data() {
+    return {};
+  }
 };
 </script>
 
-<style scoped lang="scss">
-.home {
-  blockquote {
-    padding: 10px 20px;
-    margin: 0 0 20px;
-    font-size: 17.5px;
-    border-left: 5px solid #eee;
-  }
-  hr {
-    margin-top: 20px;
-    margin-bottom: 20px;
-    border: 0;
-    border-top: 1px solid #eee;
-  }
-  .col-item {
-    margin-bottom: 20px;
-  }
+<style  >
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+li {
+  list-style: none;
+}
+@font-face {
+  font-family: electronicFont;
+  src: url(../DS-DIGIT.TTF);
+}
+.app-content {
+  font-family: Arial, Helvetica, sans-serif;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  /*  背景图定位 / 背景图尺寸  cover 完全铺满容器  contain 完整显示在容器内 */
+  background: url(../assets/images/login-background.jpg) no-repeat #000;
+  background-size: cover;
+  /* 行高是字体1.15倍 */
+  line-height: 1.15;
+}
+.video {
+  width: 7.2rem;
+  height: 4.12rem;
+  margin-top: 0.125rem;
+  border: 1px solid rgba(25, 186, 139, 0.17);
+  background-image: url(../assets/images/公路截图.jpg);
+  background-size: cover;
+}
+.titleBg {
+  background: url(../assets/images/矩形.png) no-repeat top center;
+}
+.carBar {
+  width: 7.2rem;
+  height: 1rem;
+  margin-top: 0.125rem;
+  background: rgba(18, 25, 97);
+  border: 1px solid rgba(25, 186, 139, 0.17);
+  display: flex;
+  align-items: center;
+}
+.carImg {
+  width: 0.5rem;
+  height: 0.5rem;
+  background: url(../assets/images/车.png) no-repeat center;
+  margin-left: 0.5rem;
+}
+.carBox {
+  flex: 1;
+  text-align: center;
+  line-height: 0.2rem;
+  height: 0.7rem;
+}
+.carBorder {
+  border-right: 1px solid white;
+}
+.carSpan {
+  color: white;
+  font-size: 14px;
+}
+.carNumber {
+  font-size: 22px;
+  color: rgba(66, 232, 224);
+  margin-left: 0.65rem;
+  display: inline-block;
+  margin-top: 0.15rem;
+}
+/* // 曲目管理 */
+.el-message-box {
+  background-color: #111658 !important;
+  border: 1px solid gray;
+}
+.el-message-box__title {
+  color: white;
+}
+.el-message-box__content {
+  color: white;
+}
+.el-button--small {
+  background: #3835a0;
+  color: white;
+  border: none;
+}
+.el-button--small:hover {
+  background: #3835a0;
+  color: white;
+}
+.trackManagement {
+  width: 7.2rem;
+  height: 2.56rem;
+  margin-top: 0.125rem;
+}
+.el-button--primary {
+  background: #3835a0 !important;
+  color: white !important;
+  border: none !important;
+}
+.el-button--danger {
+  background: #bf3d4a !important;
+  color: white !important;
+  border: none !important;
+}
+#waveBox {
+  width: 7.2rem;
+  height: 1.42rem;
+  margin-top: 0.127rem;
+  border: 1px solid rgba(25, 186, 139, 0.17);
+}
+.musicManagement {
+  margin: 0.125rem 0 0.125rem;
+}
 
-  ul {
-    padding: 0;
-    margin: 0;
-  }
+.el-table,
+.el-table__expanded-cell {
+  background: #121961 !important;
+  color: white !important;
+}
 
-  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 13px;
-  color: #676a6c;
-  overflow-x: hidden;
+.el-table th,
+.el-table tr,
+.el-table td {
+  background: #121961 !important;
+  color: white !important;
+  border-bottom: 1px solid rgba(25, 186, 139, 0.17) !important;
+}
+.el-table th {
+  background: #1c257f !important;
+  color: white !important;
+}
+.el-table__body tr,
+.el-table__body th,
+.el-table__body td {
+  padding: 0;
+  height: 0.2rem !important;
+}
 
-  ul {
-    list-style-type: none;
-  }
+.el-table__cell {
+  padding: 0.08rem 0 !important;
+}
 
-  h4 {
-    margin-top: 0px;
-  }
+#carEcharts {
+  width: 7.2rem;
+  height: 3rem;
+  margin-top: 0.125rem;
+  border: 1px solid rgba(25, 186, 139, 0.17);
+}
+header {
+  position: relative;
+  height: 1rem;
+  background: url(../assets/images/head_bg.png) no-repeat bottom center;
+  background-size: 110% 60%;
+}
+header h1 {
+  font-size: 0.475rem;
+  color: rgba(66, 232, 224);
+  text-align: center;
+  line-height: 1rem;
+  letter-spacing: 6px;
+}
+.mainbox {
+  min-width: 1024px;
+  max-width: 1920px;
+   width:100%;
+   
+  padding: 0.125rem 0.125rem 0;
+}
+.mainbox .row1 {
+  width: 100%;
+  display: flex;
+  overflow: hidden;
+}
+.mainbox .row2 {
+  width: 100%;
+  display: flex;
+  overflow: hidden;
+}
+.mainbox .row1 .panel {
+  flex: 50%;
+  margin: 0.125rem 0.125rem 0.125rem;
+}
+.line1 {
+  overflow: hidden;
+}
+.mainbox .row2 .panel {
+  flex: 50%;
+  margin: 0.125rem 0.125rem 0.125rem;
+}
+.panel {
+  position: relative;
+  height: 5rem;
+  border: 1px solid rgba(25, 186, 139, 0.17);
+  background-color: rgba(17, 22, 88);
+  padding: 0 0.1875rem 0.5rem;
+  margin-bottom: 0.1875rem;
+}
 
-  h2 {
-    margin-top: 10px;
-    font-size: 26px;
-    font-weight: 100;
-  }
+.panel::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  content: "";
+  width: 10px;
+  height: 10px;
+  border-top: 2px solid #02a6b5;
+  border-left: 2px solid #02a6b5;
+}
+.panel::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  content: "";
+  width: 10px;
+  height: 10px;
+  border-top: 2px solid #02a6b5;
+  border-right: 2px solid #02a6b5;
+}
+.panel .panel-footer {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+}
+.panel .panel-footer::before {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  content: "";
+  width: 10px;
+  height: 10px;
+  border-bottom: 2px solid #02a6b5;
+  border-left: 2px solid #02a6b5;
+}
+.panel .panel-footer::after {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  content: "";
+  width: 10px;
+  height: 10px;
+  border-bottom: 2px solid #02a6b5;
+  border-right: 2px solid #02a6b5;
+}
+.panel h2 {
+  height: 0.6rem;
+  line-height: 0.6rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.25rem;
+  font-weight: 500;
+  letter-spacing: 4px;
+}
+.panel h2 a {
+  margin: 0 0.1875rem;
+  color: #fff;
+  text-decoration: underline;
+}
 
-  p {
-    margin-top: 10px;
+.el-table::before {
+  background-color: rgba(25, 186, 139, 0.17) !important;
+}
+/*   音乐管理 */
+.el-select-dropdown__item {
+  color: white;
+  text-align: center;
+  letter-spacing: 4px;
+}
+.el-select-dropdown__item.hover {
+  background-color: #37339d;
+}
+.el-select-dropdown__item.selected {
+  color: white;
+}
+.el-form1 .el-form-item--medium .el-form-item__content {
+  line-height: 60px ;
+  margin-bottom: 10px;
+}
+.el-select-dropdown {
+  background: #37339d;
+  border: none;
+  color: white;
+}
+.el-popper[x-placement^="bottom"] .popper__arrow::after {
+  /* border-bottom-color: #37339d; */
+  border-bottom-color:transparent;
+  left:-70px;
+}
+.el-popper[x-placement^="bottom"] .popper__arrow {
+  border-bottom-color:transparent;
+  left: 1.6rem ;
+} 
+.el-popper[x-placement^=top] .popper__arrow{
+  border-top-color:transparent;
+}
+.el-popper[x-placement^=top] .popper__arrow::after{
+  border-top-color:transparent;
+}
+.el-popper[x-placement^=bottom]{
+  margin-top:10px;
+}
+/* 用户管理 */
+.el-form2 .el-form-item__label{
+  color:gray !important;
+  padding:0px 0px 0px;
+}
+/*   设备管理*/
+.el-popover {
+  background: #111658 !important;
+  color: white;
+  border: 1px solid gray;
+}
+.popper__arrow::after {
+  border-right-color: #111658 !important;
+}
+/* 分页样式 */
+.el-pagination__total{
+  color:#618dfa ;
+}
+.el-pagination__jump{
+   color:#618dfa ;
+}
+.el-pagination.is-background .el-pager li{
+  color:#3f426f;
+  background-color: #111658;
+  border:1px solid #3f426f;
+}
+.el-pagination.is-background .el-pager li:not(.disabled).active{
+  background-color:#262d75;
+}
+.el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next, .el-pagination.is-background .el-pager li{
+   background-color: #111658;
+   border:1px solid #3f426f;
+}
+.el-pagination.is-background .btn-prev:disabled{
+  color:#3f426f;
+}
 
-    b {
-      font-weight: 700;
-    }
-  }
 
-  .update-log {
-    ol {
-      display: block;
-      list-style-type: decimal;
-      margin-block-start: 1em;
-      margin-block-end: 1em;
-      margin-inline-start: 0;
-      margin-inline-end: 0;
-      padding-inline-start: 40px;
-    }
-  }
-}
 </style>
-
diff --git a/vue.config.js b/vue.config.js
index aca7ce5..bba4013 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -35,7 +35,7 @@ module.exports = {
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
-        target: `http://192.168.31.27:8080`,
+        target: `http://192.168.31.97:8080`,
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''