chore:调整样式

modules/Develop/views/dymaic/index.vue

@@ -1,37 +1,9 @@
 <template>
     <div>
         <catch-table
-            :columns="[
-        {
-          label: '角色名称',
-          prop: 'role_name'
-        },
-        {
-          label: '角色标识',
-          prop: 'description'
-        },
-        {
-          label: '角色描述',
-          prop: 'role_name'
-        },
-        {
-          label: '创建时间',
-          prop: 'created_at'
-        },
-        {
-          type: 'operate',
-          label: '操作',
-          width: 200
-        }
-      ]"
+            :columns="columns"
             :api="api"
-            :search-form="[
-        {
-          type: 'input',
-          label: '角色名称',
-          name: 'role_name'
-        }
-      ]"
+            :search-form="search"
             row-key="id"
             :pagination="false"
         >
@@ -44,10 +16,38 @@
 
 <script lang="ts" setup>
 // @ts-nocheck
-// import Create from './form/create.vue'
 import Create from './create.vue'
 
 const api = 'permissions/roles'
-
+const columns = [
+    {
+        label: '角色名称',
+        prop: 'role_name'
+    },
+    {
+        label: '角色标识',
+        prop: 'description'
+    },
+    {
+        label: '角色描述',
+        prop: 'role_name'
+    },
+    {
+        label: '创建时间',
+        prop: 'created_at'
+    },
+    {
+        type: 'operate',
+        label: '操作',
+        width: 200
+    }
+];
+const search = [
+    {
+        type: 'input',
+        label: '角色名称',
+        name: 'role_name'
+    }
+]
 </script>