fix: 重构role

src/views/system/role/add.vue

@@ -0,0 +1,96 @@
+<template>
+  <div v-loading="loading">
+    <baseTitle title="角色信息录入"></baseTitle>
+    <fvForm :schema="schame" @getInstance="getInstance" :rules="rules"></fvForm>
+    <baseTitle title="分配菜单"></baseTitle>
+  </div>
+</template>
+
+<script setup lang="jsx">
+import { useTagsView } from '@/stores/tagsview.js'
+import fvRadio from '@/fvcomponents/fvRadio/index.vue'
+
+const tagsViewStore = useTagsView()
+const route = useRoute()
+
+const form = ref(null)
+const loading = ref(false)
+
+const localData = reactive({
+
+})
+
+const schame = computed(()=>{
+  let arr = [
+    {
+      label: '角色名称',
+      prop: 'roleName',
+      component: 'el-input',
+      props: {
+        placeholder: '请输入'
+      }
+    },
+    {
+      label: '角色权限',
+      prop: 'roleKey',
+      component: 'el-input',
+      props: {
+        placeholder: '请输入'
+      }
+    },
+    {
+      label: '显示顺序',
+      prop: 'roleSort',
+      component: 'el-input',
+      props: {
+        placeholder: '请输入',
+        type: 'number'
+      }
+    },
+    {
+      label: '数据范围',
+      prop: 'dataScope',
+      component: markRaw(fvRadio),
+      props: {
+        options: [
+          {value:'1',label:'所有数据权限'},
+          {value:'2',label:'自定义数据权限'},
+          {value:'3',label:'本部门数据权限'},
+          {value:'4',label:'本部门及以下数据权限'}
+        ]
+      }
+    },
+    {
+      label: '状态',
+      prop: 'state',
+      component: markRaw(fvRadio),
+      props: {
+        cacheKey: 'normal_disable'
+      }
+    }
+  ]
+  return arr
+})
+
+const rules = reactive({
+  roleName: [{required: true, message: '请输入', trigger: 'change'}],
+  roleKey: [{required: true, message: '请输入', trigger: 'change'}],
+  roleSort: [{required: true, message: '请输入', trigger: 'change'}],
+})
+
+const getInstance = (e) => {
+  form.value = e
+}
+
+const init = () => {
+  form.value.setValues({state: '1', dataScope: '1'})
+}
+
+onMounted(()=>{
+  init()
+})
+</script>
+
+<style lang="scss" scoped>
+
+</style>