容器实例界面优化

src/views/admin/instance/index.vue

@@ -119,6 +119,9 @@ import {
   InboxOutlined 
 } from '@ant-design/icons-vue';
 
+import { useRouter } from 'vue-router'
+
+
 export default defineComponent({
   name: 'InstanceList',
   components: {
@@ -137,7 +140,9 @@ export default defineComponent({
     AppstoreOutlined,
     InboxOutlined,
   },
+
   setup() {
+    const router = useRouter()
     const loading = ref(false);
     const currentPage = ref(1);
     const pageSize = ref(10);
@@ -226,7 +231,7 @@ export default defineComponent({
     fetchInstances();
 
     const handleRent = () => {
-      console.log('租用新实例');
+      router.push('/layout/admin/instanceCreate');
     };
 
     const handleRenew = () => {