diff --git a/ZR.Vue/src/assets/image/qrcode.jpg b/ZR.Vue/src/assets/image/qrcode.jpg
new file mode 100644
index 0000000..3261850
Binary files /dev/null and b/ZR.Vue/src/assets/image/qrcode.jpg differ
diff --git a/ZR.Vue/src/assets/image/qrcodeH5.png b/ZR.Vue/src/assets/image/qrcodeH5.png
new file mode 100644
index 0000000..2b4cb32
Binary files /dev/null and b/ZR.Vue/src/assets/image/qrcodeH5.png differ
diff --git a/ZR.Vue/src/views/index.vue b/ZR.Vue/src/views/index.vue
index f973df9..b4a0715 100644
--- a/ZR.Vue/src/views/index.vue
+++ b/ZR.Vue/src/views/index.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="app-container home">
+    <el-alert title="当前Vue2项目已不再更新新内容，请升级至Vue3，体验更丰富的内容" type="error"> </el-alert>
     <el-row :gutter="20">
       <el-col :sm="24" :lg="24">
         <blockquote class="text-warning" style="font-size: 14px">
@@ -72,13 +73,13 @@
           <el-col :span="10">
             <h4>后端技术</h4>
             <ul>
-              <li>NET5</li>
+              <li>NET7</li>
               <li>JWT</li>
               <li>SqlSugar</li>
               <li>Quartz.Net</li>
               <li>MySql</li>
               <li>Mapster</li>
-              <li>Epplus</li>
+              <li>MiniExcel</li>
               <li>Signalr</li>
               <li>...</li>
             </ul>
@@ -100,7 +101,7 @@
     </el-row>
     <el-divider />
     <el-row :gutter="20" class="mt10">
-      <el-col :sm="24" :lg="8">
+      <el-col :sm="24" :lg="6">
         <el-card>
           <div slot="header" class="clearfix">
             <span>联系信息</span>
@@ -133,12 +134,32 @@
           </div>
         </el-card>
       </el-col>
-      <el-col :span="10">
-        <!-- <el-card>
-          <div slot="header" class="clearfix">
-            <span></span>
+      <el-col :sm="24" :lg="10">
+        <el-card>
+          <template #header>
+            <span>
+              移动端体验
+              <span style="color: red">如有需要联系作者</span>
+            </span>
+          </template>
+
+          <div class="body">
+            <table style="width: 100%; text-align: center">
+              <tr>
+                <td>微信小程序</td>
+                <td>H5</td>
+              </tr>
+              <tr>
+                <td>
+                  <img src="@/assets/image/qrcode.jpg" alt="donate" style="width: 160px" />
+                </td>
+                <td>
+                  <img src="@/assets/image/qrcodeH5.png" alt="donate" style="width: 160px" />
+                </td>
+              </tr>
+            </table>
           </div>
-        </el-card> -->
+        </el-card>
       </el-col>
     </el-row>
     <el-divider />
diff --git a/ZR.Vue/src/views/index_v1.vue b/ZR.Vue/src/views/index_v1.vue
index 5a646e0..e8b4340 100644
--- a/ZR.Vue/src/views/index_v1.vue
+++ b/ZR.Vue/src/views/index_v1.vue
@@ -15,7 +15,8 @@
             <div class="user-item-right overflow">
               <el-row>
                 <el-col :xs="24" :md="24" class="right-title mb20 one-text-overflow">
-                  {{ userInfo.welcomeMessage }}，{{ userInfo.nickName }}，{{ userInfo.welcomeContent }}</el-col>
+                  {{ userInfo.welcomeMessage }}，{{ userInfo.nickName }}，{{ userInfo.welcomeContent }}</el-col
+                >
                 <el-col :xs="24" :sm="24" :md="24">
                   <el-col :xs="24" :md="8" class="right-l-v">
                     <div class="right-label">昵称：</div>
@@ -70,7 +71,7 @@
     </el-row>
     <panel-group @handleSetLineChartData="handleSetLineChartData" />
 
-    <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
+    <el-row style="background: #fff; padding: 16px 16px 0; margin-bottom: 32px">
       <line-chart :chart-data="lineChartData" />
     </el-row>
 
@@ -106,20 +107,20 @@ import { listNewArticle } from '@/api/system/article.js'
 const lineChartData = {
   newVisitis: {
     expectedData: [100, 120, 161, 134, 105, 160, 165],
-    actualData: [120, 82, 91, 154, 162, 140, 145]
+    actualData: [120, 82, 91, 154, 162, 140, 145],
   },
   messages: {
     expectedData: [200, 192, 120, 144, 160, 130, 140],
-    actualData: [180, 160, 151, 106, 145, 150, 130]
+    actualData: [180, 160, 151, 106, 145, 150, 130],
   },
   purchases: {
     expectedData: [80, 100, 121, 104, 105, 90, 100],
-    actualData: [120, 90, 100, 138, 142, 130, 130]
+    actualData: [120, 90, 100, 138, 142, 130, 130],
   },
   shoppings: {
     expectedData: [130, 140, 141, 142, 145, 150, 160],
-    actualData: [120, 82, 91, 154, 162, 140, 130]
-  }
+    actualData: [120, 82, 91, 154, 162, 140, 130],
+  },
 }
 export default {
   name: 'Index',
@@ -129,7 +130,7 @@ export default {
     RaddarChart,
     PieChart,
     BarChart,
-    Scroll
+    Scroll,
   },
   computed: {
     photo() {
@@ -150,14 +151,14 @@ export default {
         openWatch: true, // 开启数据实时监控刷新dom
         singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
         singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
-        waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
+        waitTime: 1000, // 单步运动停止的时间(默认值1000ms)
       }
-    }
+    },
   },
   data() {
     return {
       lineChartData: lineChartData.newVisitis,
-      newArticleList: []
+      newArticleList: [],
     }
   },
   created() {
@@ -169,8 +170,8 @@ export default {
     handleSetLineChartData(type) {
       this.lineChartData = lineChartData[type]
     },
-    onOpenGitee() {}
-  }
+    onOpenGitee() {},
+  },
 }
 </script>
 
diff --git a/ZR.Vue/src/views/system/dept/index.vue b/ZR.Vue/src/views/system/dept/index.vue
index ce22267..ac851d4 100644
--- a/ZR.Vue/src/views/system/dept/index.vue
+++ b/ZR.Vue/src/views/system/dept/index.vue
@@ -219,7 +219,7 @@ export default {
         leader: undefined,
         phone: undefined,
         email: undefined,
-        status: '0',
+        status: 0,
       }
       this.resetForm('form')
     },
diff --git a/ZR.Vue/src/views/system/role/index.vue b/ZR.Vue/src/views/system/role/index.vue
index 984c061..edd8a44 100644
--- a/ZR.Vue/src/views/system/role/index.vue
+++ b/ZR.Vue/src/views/system/role/index.vue
@@ -330,7 +330,7 @@ export default {
     },
     // 角色状态修改
     handleStatusChange(row) {
-      const text = row.status === '0' ? '启用' : '停用'
+      const text = row.status == 0 ? '启用' : '停用'
 
       console.log(JSON.stringify(row), text)
       this.$confirm('确认要"' + text + '""' + row.roleName + '"角色吗?', '警告', {
@@ -345,7 +345,7 @@ export default {
           this.msgSuccess(text + '成功')
         })
         .catch(function () {
-          row.status = row.status === '0' ? '1' : '0'
+          row.status = row.status == 0 ? 1 : 0
         })
     },
     // 取消按钮
diff --git a/ZR.Vue/src/views/system/user/index.vue b/ZR.Vue/src/views/system/user/index.vue
index bba518c..6bda765 100644
--- a/ZR.Vue/src/views/system/user/index.vue
+++ b/ZR.Vue/src/views/system/user/index.vue
@@ -51,7 +51,7 @@
           <el-form-item label="状态" prop="status">
             <el-select v-model="queryParams.status" placeholder="用户状态" clearable size="small" style="width: 240px">
               <el-option label="全部" :value="-1" />
-							<el-option v-for="dict in statusOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
+              <el-option v-for="dict in statusOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
             </el-select>
           </el-form-item>
           <el-form-item label="创建时间">
@@ -418,7 +418,7 @@ export default {
     },
     // 用户状态修改
     handleStatusChange(row) {
-      let text = row.status === '0' ? '启用' : '停用'
+      let text = row.status == 0 ? '启用' : '停用'
       this.$confirm('确认要"' + text + '""' + row.userName + '"用户吗?', '警告', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
@@ -431,7 +431,7 @@ export default {
           this.msgSuccess(text + '成功')
         })
         .catch(function () {
-          row.status = row.status === '0' ? '1' : '0'
+          row.status = row.status == 0 ? 1 : 0
         })
     },
     // 取消按钮