添加权限

src/views/iot/network/server/component/list.vue

@@ -10,22 +10,26 @@
         prop="id"
         label="ID"
         width="80"
+        v-col="'id'"
       />
       <!-- <el-table-column align="center" prop="server" label="服务器"/> -->
       <el-table-column
         align="center"
         prop="name"
         label="名称"
+        v-col="'name'"
       />
       <el-table-column
         align="center"
         prop="types"
         label="类型"
+        v-col="'types'"
       />
       <el-table-column
         align="center"
         prop="addr"
         label="地址"
+        v-col="'addr'"
       />
       <el-table-column
         show-overflow-tooltip
@@ -33,12 +37,14 @@
         prop="createdAt"
         label="创建时间"
         width="170"
+        v-col="'createdAt'"
       />
       <!-- <el-table-column align="center" prop="last" label="最近上线"/> -->
       <el-table-column
         align="center"
         prop="types"
         label="状态"
+        v-col="'status'"
       >
         <template #default="scope">
           <el-tag
@@ -57,6 +63,7 @@
         align="center"
         label="操作"
         width="200"
+        v-col="'auth'"
       >
         <template #default="scope">
 

src/views/iot/network/tunnel/component/list.vue

@@ -1,35 +1,33 @@
 <template>
     <div>
         <el-table v-loading="loading" :data="data" style="width: 100%">
-            <el-table-column align="center" prop="id" label="ID" width="80"/>
-            <el-table-column align="center" prop="name" label="名称"/>
-            <el-table-column align="center" prop="types" label="类型"/>
-            <el-table-column align="center" prop="addr" label="地址"/>
-            <el-table-column show-overflow-tooltip align="center" prop="createdAt" label="创建时间" width="170"/>
-            <el-table-column align="center" prop="types" label="状态">
+            <el-table-column align="center" prop="id" v-col="'id'" label="ID" width="80"/>
+            <el-table-column align="center" prop="name" v-col="'name'" label="名称"/>
+            <el-table-column align="center" prop="types" v-col="'type'" label="类型"/>
+            <el-table-column align="center" prop="addr" v-col="'address'" label="地址"/>
+            <el-table-column show-overflow-tooltip align="center" v-col="'createTime'" prop="createdAt" label="创建时间" width="170"/>
+            <el-table-column align="center" prop="types" v-col="'status'" label="状态">
                 <template #default="scope">
                     <el-tag size="medium" v-if="!scope.row.status" class="ml-2" type="info">未启动</el-tag>
                     <el-tag size="medium" v-else class="ml-2" type="success">启动</el-tag>
                 </template>
             </el-table-column>
-            <el-table-column align="center" label="操作" width="200">
+            <el-table-column align="center" label="操作" v-col="'auth'" width="200">
                 <template #default="scope">
-                    
-                    <el-button @click="toDetail(scope.row.id)" size="small" type="text">详情</el-button>
-                    <el-button size="small" link key="info" type="info" @click="toEdit(scope.row.id)">编辑</el-button>
-                   
+                    <el-button @click="toDetail(scope.row.id)" size="small" v-auth="'detail'" type="text">详情</el-button>
+                    <el-button size="small" link key="info" type="info" v-auth="'edit'" @click="toEdit(scope.row.id)">编辑</el-button>
                     <el-popover placement="bottom" :width="160" trigger="click">
                         <template #reference>
-                            <el-button  size="small" type="text" class="more-btn" @click="isShowMore = !isShowMore">更多
+                            <el-button  size="small" type="text" v-auth="'more'" class="more-btn" @click="isShowMore = !isShowMore">更多
                                 <i style="margin-left: 2px;" :class="isShowMore ? 'fa fa-angle-down':'fa fa-angle-up'"></i>
                             </el-button>
                         </template>
                     <div class="more-opearte-wrap">
-                        <el-button @click="onChangeStatus(scope.row.id, 1)" :disabled="scope.row.status" link size="small" key="success" type="success">启 用</el-button>
+                        <el-button @click="onChangeStatus(scope.row.id, 1)" :disabled="scope.row.status" v-auth="'on'" link size="small"  key="success" type="success">启 用</el-button>
                         <el-divider direction="vertical" />
-                        <el-button @click="onChangeStatus(scope.row.id, 0)" :disabled="!scope.row.status" link size="small" key="warning" type="warning">禁 用</el-button>
+                        <el-button @click="onChangeStatus(scope.row.id, 0)" :disabled="!scope.row.status" v-auth="'off'" link size="small" key="warning" type="warning">禁 用</el-button>
                         <el-divider direction="vertical" />
-                        <el-button @click="onRowDel(scope.row)" link size="small" key="danger" type="danger">删 除</el-button>
+                        <el-button @click="onRowDel(scope.row)" link size="small" key="danger" v-auth="'off'" type="danger">删 除</el-button>
                     </div>
                     </el-popover>
                 </template>

src/views/iot/network/tunnel/index.vue

@@ -6,13 +6,13 @@
             </el-input>
             </el-form-item>
             <el-form-item>
-                <el-button size="default" type="primary" class="ml10" @click="searchData">
+                <el-button size="default" v-auth="'query'" type="primary" class="ml10" @click="searchData">
                     <el-icon>
                         <ele-Search />
                     </el-icon>
                     查询
                 </el-button>
-                <el-button @click="toPage" size="default" type="success" class="ml10">
+                <el-button @click="toPage" v-auth="'add'" size="default" type="success" class="ml10">
                     <el-icon>
                         <ele-FolderAdd />
                     </el-icon>

src/views/system/city/index.vue

@@ -10,19 +10,19 @@
             <el-input v-model="tableData.param.code" placeholder="请输入城市编号" clearable size="default" @keyup.enter="queryList" />
           </el-form-item>
           <el-form-item>
-            <el-button size="default" type="primary" class="ml10" @click="queryList">
+            <el-button v-auth="'query'" size="default" type="primary" class="ml10" @click="queryList">
               <el-icon>
                 <ele-Search />
               </el-icon>
               查询
             </el-button>
-            <el-button size="default" @click="resetQuery(queryRef)">
+            <el-button v-auth="'reset'" size="default" @click="resetQuery(queryRef)">
               <el-icon>
                 <ele-Refresh />
               </el-icon>
               重置
             </el-button>
-            <el-button size="default" type="success" class="ml10" @click="onOpenAddDic" v-auth="'add'">
+            <el-button v-auth="'add'" size="default" type="success" class="ml10" @click="onOpenAddDic">
               <el-icon>
                 <ele-FolderAdd />
               </el-icon>