字段关联增加是否授权字段，并对接

src/layout/components/Sidebar/Logo.vue

@@ -20,13 +20,13 @@ import useSettingsStore from '@/store/modules/settings'
 defineProps({
   collapse: {
     type: Boolean,
-    required: true,
-  },
+    required: true
+  }
 })
 
 const title = ref(import.meta.env.VITE_APP_TITLE)
-const settingsStore = useSettingsStore();
-const sideTheme = computed(() => settingsStore.sideTheme);
+const settingsStore = useSettingsStore()
+const sideTheme = computed(() => settingsStore.sideTheme)
 </script>
 
 <style lang="scss" scoped>

src/views/system/rolefields/index.vue

@@ -30,12 +30,12 @@
                 <el-button type="primary" plain>{{ $t('btn.save') }}</el-button>
               </div>
             </template>
-            <el-table :data="fieldList" height="580" border>
+            <el-table v-loading="fieldListLoading" :data="fieldList" height="580" border>
               <el-table-column prop="fieldName" label="字段名称" />
               <el-table-column prop="fieldType" label="字段类型" />
-              <el-table-column prop="" label="是否授权" align="center">
+              <el-table-column prop="isPermission" label="是否授权" align="center">
                 <template #default="scope">
-                  <el-switch v-model="value2" class="ml-2" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949" />
+                  <el-switch v-model="scope.row.isPermission" class="ml-2" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949" />
                 </template>
               </el-table-column>
             </el-table>
@@ -62,11 +62,13 @@ const handleInit = async () => {
 }
 interface model {
   fullName: string
-  properties: field[]
+  // properties: field[]
 }
 interface field {
+  id: number
   fieldName: string
   fieldType: string
+  isPermission: boolean
 }
 const modelList = ref<model[]>([])
 const fieldList = ref<field[]>([])
@@ -77,12 +79,15 @@ const getList = async () => {
   cardLoading.value = false
 }
 const handleCurrentChange = async (val: any) => {
-  const { data } = await getFields({ fullName: val.fullName })
+  fieldListLoading.value = true
+  const { data } = await getFields({ fullName: val.fullName, roleId: route.query.roleId })
   fieldList.value = data
+  fieldListLoading.value = false
 }
 const getProperties = (row) => {
   console.log(row)
 }
+const fieldListLoading = ref(false)
 const value2 = ref(true)
 onMounted(() => {
   getList()