refactor: ♻️ 授权页面重构

重构授权页面

web/.env.development

@@ -2,7 +2,7 @@
 ENV = 'development'
 
 # 本地环境接口地址
-VITE_API_URL = 'https://demo.dvadmin.com/api/'
+VITE_API_URL = 'http://127.0.0.1:8000'
 
 # 是否启用按钮权限
 VITE_PM_ENABLED = true

web/src/App.vue

@@ -59,7 +59,12 @@ onBeforeMount(() => {
 	// 设置批量第三方 js
 	setIntroduction.jsCdn();
   //websockt 模块
-  websocket.init(wsReceive)
+  try {
+    websocket.init(wsReceive)
+  }catch (e) {
+    console.log("websocket错误")
+  }
+
 });
 // 页面加载时
 onMounted(() => {

web/src/views/system/role/components/permission.vue

@@ -38,7 +38,7 @@
                     <div>{{ scope.row.menu_button__name }}</div>
                   </template>
                 </el-table-column>
-                <el-table-column prop="menu_button__value" label="权限值" width="100">
+                <el-table-column prop="menu_button__value" label="权限值" width="150">
                 </el-table-column>
                 <el-table-column prop="data_range" label="权限范围" width="140">
                   <template #default="scope">
@@ -63,7 +63,7 @@
           <el-form-item label="按钮" prop="menu_button">
             <el-select v-model="buttonForm.menu_button" placeholder="请选择按钮" @change="onChangeButton">
               <el-option v-for="(item,index) in buttonOptions" :key="index" :label="item.name"
-                         :value="item.btn_id"/>
+                         :value="item.id"/>
             </el-select>
           </el-form-item>
           <el-form-item label="权限范围" prop="data_range">