后台管理系统

chuanyi-admin/src/layout/components/Navbar.vue

@@ -205,7 +205,7 @@ export default {
      * @returns {Promise<void>}
      */
     logout() {
-      this.$confirm('是否强制下线此用户?', '系统提示', {
+      this.$confirm('您确定要退出系统吗?', '系统提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         cancelButtonClass: 'btn_custom_cancel',

chuanyi-admin/src/views/dashboard/onlineUsers.vue

@@ -49,7 +49,7 @@ export default {
     },
     // 清空用户登录信息
     handelClick({ userId }) {
-      this.$confirm('是否清空用户登录信息?', '系统提示', {
+      this.$confirm('是否强制下线此用户?', '系统提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         cancelButtonClass: 'btn_custom_cancel',

chuanyi-admin/src/views/system/driver/index.vue

@@ -80,7 +80,7 @@
       append-to-body
       :close-on-click-modal="false"
     >
-      <el-form ref="driverForm" :model="driverForm" label-width="100px">
+      <el-form ref="driverForm" :model="driverForm" :rules="rules" label-width="140px">
         <el-row style="margin-bottom: 5px">
           <el-col>
             <el-form-item label="驱动：" prop="driver">
@@ -88,7 +88,7 @@
                 v-if="driverForm.id"
                 v-model="driverForm.driver"
                 placeholder="请选择驱动"
-                style="width: 360px"
+                style="width: 300px"
                 disabled
               >
                 <el-option
@@ -102,7 +102,7 @@
                 v-else
                 v-model="driverForm.driver"
                 placeholder="请选择驱动"
-                style="width: 360px"
+                style="width: 300px"
               >
                 <el-option
                   v-for="dict in driverList"
@@ -182,6 +182,25 @@ export default {
         id: null,
         driver: null,
         items: null
+      },
+      // 表单验证
+      rules: {
+        driver: [
+          {
+            required: true,
+            message: '驱动不能为空',
+            pattern: '[^ \x22]+',
+            trigger: 'change'
+          }
+        ],
+        items: [
+          {
+            required: true,
+            message: '数据项不能为空',
+            pattern: '[^ \x22]+',
+            trigger: 'blur'
+          }
+        ]
       }
     }
   },

chuanyi-admin/src/views/system/menu/index.vue

@@ -4,31 +4,13 @@
       <el-row>
         <el-col :span="24">
           <!-- 表单查询 -->
-          <el-form
-            ref="queryForm"
-            :model="queryParams"
-            :inline="true"
-            size="small"
-          >
+          <el-form ref="queryForm" :model="queryParams" :inline="true" size="small">
             <el-form-item label="菜单名称" prop="menuName">
-              <el-input
-                v-model="queryParams.menuName"
-                placeholder="请输入菜单名称"
-                clear
-              />
+              <el-input v-model="queryParams.menuName" placeholder="请输入菜单名称" clear />
             </el-form-item>
             <el-form-item>
-              <el-button
-                type="primary"
-                icon="el-icon-search"
-                size="mini"
-                @click="handelSearch"
-              >搜索</el-button>
-              <el-button
-                icon="el-icon-refresh"
-                size="mini"
-                @click="handelReset"
-              >重置</el-button>
+              <el-button type="primary" icon="el-icon-search" size="mini" @click="handelSearch">搜索</el-button>
+              <el-button icon="el-icon-refresh" size="mini" @click="handelReset">重置</el-button>
             </el-form-item>
           </el-form>
 
@@ -51,43 +33,11 @@
             stripe
             header-row-class-name="headBackground"
           >
-            <el-table-column
-              key="menuName"
-              label="菜单名称"
-              header-align="center"
-              prop="menuName"
-              show-overflow-tooltip
-            />
-            <el-table-column
-              key="menuIcon"
-              label="菜单图标"
-              prop="menuIcon"
-              align="center"
-              show-overflow-tooltip
-            />
-            <el-table-column
-              key="menuUrl"
-              label="路由地址"
-              prop="menuUrl"
-              align="center"
-              show-overflow-tooltip
-            />
-            <el-table-column
-              key="sortNum"
-              label="排序号"
-              prop="sortNum"
-              align="center"
-              width="100"
-              show-overflow-tooltip
-            />
-            <el-table-column
-              key="hidden"
-              label="显示状态"
-              prop="hidden"
-              align="center"
-              width="100"
-              show-overflow-tooltip
-            >
+            <el-table-column key="menuName" label="菜单名称" header-align="center" prop="menuName" show-overflow-tooltip />
+            <el-table-column key="menuIcon" label="菜单图标" prop="menuIcon" align="center" show-overflow-tooltip />
+            <el-table-column key="menuUrl" label="路由地址" prop="menuUrl" align="center" show-overflow-tooltip />
+            <el-table-column key="sortNum" label="排序号" prop="sortNum" align="center" width="100" show-overflow-tooltip />
+            <el-table-column key="hidden" label="显示状态" prop="hidden" align="center" width="100" show-overflow-tooltip>
               <template slot-scope="scope">
                 {{ scope.row.hidden === 0 ? "显示" : "隐藏" }}
               </template>
@@ -121,32 +71,13 @@
                 }}
               </template>
             </el-table-column>
-            <el-table-column
-              label="操作"
-              align="center"
-              class-name="small-padding fixed-width"
-            >
+            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
               <template slot-scope="scope">
-                <el-button
-                  size="mini"
-                  type="text"
-                  icon="el-icon-edit"
-                  @click="handelEdit(scope.row.id)"
-                >修改
+                <el-button size="mini" type="text" icon="el-icon-edit" @click="handelEdit(scope.row.id)">修改
                 </el-button>
-                <el-button
-                  size="mini"
-                  type="text"
-                  icon="el-icon-delete"
-                  @click="handelDel(scope.row.id)"
-                >删除
+                <el-button size="mini" type="text" icon="el-icon-delete" @click="handelDel(scope.row.id)">删除
                 </el-button>
-                <el-button
-                  size="mini"
-                  type="text"
-                  icon="el-icon-zoom-in"
-                  @click="handelAuth(scope.row.id)"
-                >分配权限
+                <el-button size="mini" type="text" icon="el-icon-zoom-in" @click="handelAuth(scope.row.id)">分配权限
                 </el-button>
               </template>
             </el-table-column>
@@ -165,12 +96,7 @@
       </el-row>
 
       <!-- 弹出框 -->
-      <el-dialog
-        :title="title"
-        :visible.sync="dialogVisible"
-        width="800px"
-        :close-on-click-modal="false"
-      >
+      <el-dialog :title="title" :visible.sync="dialogVisible" width="800px" :close-on-click-modal="false">
         <el-form ref="form" :model="form" :rules="rules" label-width="90px">
           <el-row>
             <el-col :span="24">
@@ -188,39 +114,24 @@
           <el-row>
             <el-col :span="12">
               <el-form-item label="菜单图标" prop="menuIcon">
-                <el-input
-                  v-model.trim="form.menuIcon"
-                  placeholder="请输入菜单图标"
-                />
+                <el-input v-model.trim="form.menuIcon" placeholder="请输入菜单图标" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="菜单名称" prop="menuName">
-                <el-input
-                  v-model.trim="form.menuName"
-                  placeholder="请输入菜单名称"
-                  maxlength="10"
-                />
+                <el-input v-model.trim="form.menuName" placeholder="请输入菜单名称" maxlength="10" />
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="12">
               <el-form-item label="路由地址" prop="menuUrl">
-                <el-input
-                  v-model.trim="form.menuUrl"
-                  placeholder="请输入路由地址"
-                />
+                <el-input v-model.trim="form.menuUrl" placeholder="请输入路由地址" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="排序号" prop="sortNum">
-                <el-input
-                  v-model.trim="form.sortNum"
-                  placeholder="请输入排序号"
-                  :minlength="1"
-                  :maxlength="5"
-                />
+                <el-input v-model.trim="form.sortNum" placeholder="请输入排序号" :minlength="1" :maxlength="5" />
               </el-form-item>
             </el-col>
           </el-row>
@@ -240,11 +151,7 @@
           </el-row>
         </el-form>
         <span slot="footer" class="dialog-footer">
-          <el-button
-            type="primary"
-            size="mini"
-            @click="handelSubmit('form')"
-          >确定</el-button>
+          <el-button type="primary" size="mini" @click="handelSubmit('form')">确定</el-button>
           <el-button size="mini" @click="handelCancel('form')">取消</el-button>
         </span>
       </el-dialog>
@@ -336,6 +243,9 @@ export default {
             pattern: '[^ \x22]+',
             trigger: 'blur'
           }
+        ],
+        hidden: [
+          { required: true }
         ]
       },
       // 修改菜单id
@@ -500,5 +410,4 @@ export default {
 }
 </script>
 
-<style lang="scss" rel="stylesheet/scss" scoped>
-</style>
+<style lang="scss" rel="stylesheet/scss" scoped></style>