添加主机身份卡片视图.

orion-ops-launch/src/main/resources/templates/orion-vue-views-components-card-list.vue.vm

@@ -71,28 +71,28 @@
         #foreach($field in ${table.fields})
         <!-- $field.comment -->
         <a-form-item field="${field.propertyName}" label="${field.comment}">
-        #if(${vue.enums.containsKey(${field.propertyName})})
-        <a-select v-model="formModel.${field.propertyName}"
-                  :options="toOptions(${vue.enums.get(${field.propertyName}).className})"
-                  placeholder="请选择${field.comment}"
-                  allow-clear />
-        #else
-        #if("$field.propertyType" == "Integer" || "$field.propertyType" == "Long")
-        <a-input-number v-model="formModel.${field.propertyName}"
-                        placeholder="请输入${field.comment}"
-                        allow-clear
-                        hide-button />
-        #elseif("$field.propertyType" == "Date")
-        <a-date-picker v-model="formModel.${field.propertyName}"
-                       style="width: 100%"
-                       placeholder="请选择${field.comment}"
-                       show-time
-                       allow-clear />
-        #else
-        <a-input v-model="formModel.${field.propertyName}" placeholder="请输入${field.comment}" allow-clear />
-        #end
-        #end
-      </a-form-item>
+          #if(${vue.enums.containsKey(${field.propertyName})})
+          <a-select v-model="formModel.${field.propertyName}"
+                    :options="toOptions(${vue.enums.get(${field.propertyName}).className})"
+                    placeholder="请选择${field.comment}"
+                    allow-clear />
+          #else
+          #if("$field.propertyType" == "Integer" || "$field.propertyType" == "Long")
+          <a-input-number v-model="formModel.${field.propertyName}"
+                          placeholder="请输入${field.comment}"
+                          allow-clear
+                          hide-button />
+          #elseif("$field.propertyType" == "Date")
+          <a-date-picker v-model="formModel.${field.propertyName}"
+                         style="width: 100%"
+                         placeholder="请选择${field.comment}"
+                         show-time
+                         allow-clear />
+          #else
+          <a-input v-model="formModel.${field.propertyName}" placeholder="请输入${field.comment}" allow-clear />
+          #end
+          #end
+        </a-form-item>
       #end
       </a-form>
     </template>
@@ -120,6 +120,7 @@
   const list = ref<${vue.featureEntity}QueryResponse[]>([]);
   const emits = defineEmits(['openAdd', 'openUpdate']);
 
+  const formRef = ref();
   const formModel = reactive<${vue.featureEntity}QueryRequest>({
     searchValue: undefined,
     #foreach($field in ${table.fields})
@@ -135,7 +136,7 @@
   // 删除当前行
   const deleteRow = (id: number) => {
     Modal.confirm({
-      title: '删除前确认?',
+      title: '删除前确认!',
       titleAlign: 'start',
       content: '确定要删除这条记录吗?',
       okText: '删除',

orion-ops-launch/src/main/resources/templates/orion-vue-views-index.vue.vm

@@ -38,12 +38,6 @@
 </script>
 
 <script lang="ts" setup>
-  #if($vue.enableCardView)
-  import { computed, ref } from 'vue';
-  import { useAppStore } from '@/store';
-  #else
-  import { ref } from 'vue';
-  #end
   #if($vue.enableCardView)
   import ${vue.featureEntity}CardList from './components/${vue.feature}-card-list.vue';
   #end
@@ -54,6 +48,13 @@
   import ${vue.featureEntity}FormModal from './components/${vue.feature}-form-modal.vue';
   #end
 
+  #if($vue.enableCardView)
+  import { computed, ref } from 'vue';
+  import { useAppStore } from '@/store';
+  #else
+  import { ref } from 'vue';
+  #end
+
   const table = ref();
   #if($vue.enableCardView)
   const card = ref();

orion-ops-launch/src/main/resources/templates/orion-vue-views-types-card.fields.ts.vm

@@ -2,7 +2,7 @@ import { CardField, CardFieldConfig } from '@/types/card';
 import { dateFormat } from '@/utils';
 
 const fieldConfig = {
-  rowGap: '10px',
+  rowGap: '12px',
   labelSpan: 8,
   fields: [
     {
@@ -21,28 +21,28 @@ const fieldConfig = {
       },
       #end
     }, #end#end{
-     label: '创建时间',
-     dataIndex: 'createTime',
-     slotName: 'createTime',
-     render: ({ record }) => {
-       return dateFormat(new Date(record.createTime));
-     },
-   }, {
-     label: '修改时间',
-     dataIndex: 'updateTime',
-     slotName: 'updateTime',
-     render: ({ record }) => {
-       return dateFormat(new Date(record.updateTime));
-     },
-   }, {
-     label: '创建人',
-     dataIndex: 'creator',
-     slotName: 'creator',
-   }, {
-     label: '修改人',
-     dataIndex: 'updater',
-     slotName: 'updater',
-   }
+      label: '创建时间',
+      dataIndex: 'createTime',
+      slotName: 'createTime',
+      render: ({ record }) => {
+        return dateFormat(new Date(record.createTime));
+      },
+    }, {
+      label: '修改时间',
+      dataIndex: 'updateTime',
+      slotName: 'updateTime',
+      render: ({ record }) => {
+        return dateFormat(new Date(record.updateTime));
+      },
+    }, {
+      label: '创建人',
+      dataIndex: 'creator',
+      slotName: 'creator',
+    }, {
+      label: '修改人',
+      dataIndex: 'updater',
+      slotName: 'updater',
+    }
   ] as CardField[]
 } as CardFieldConfig;