style(系统管理): 修改模板表格icon样式对齐

frontend/src/enums/templateEnum.ts

@@ -20,8 +20,8 @@ export enum TemplateIconEnum {
 // 模版列表图标卡片icon
 export enum TemplateCardEnum {
   FUNCTIONAL = 'caseTemplate', // 用例模版
-  API = 'api_ui_Template', // ui模板
-  UI = 'uiTemplate', // API模板
+  API = 'api_ui_Template', // API模板
+  UI = 'uiTemplate', // UI模板
   TEST_PLAN = 'testPlanTemplate', // 测试计划模板
   BUG = 'defectTemplate', // 缺陷模板
 }

frontend/src/views/project-management/template/components/templateManagement.vue

@@ -27,10 +27,12 @@
         {{ record.enableThirdPart ? t('system.orgTemplate.yes') : t('system.orgTemplate.no') }}
       </template>
       <template #name="{ record }">
-        <span class="ml-2 cursor-pointer text-[rgb(var(--primary-5))]" @click="previewDetail(record)">{{
-          record.name
-        }}</span>
-        <MsTag v-if="record.internal" size="small" class="ml-2">{{ t('system.orgTemplate.isSystem') }}</MsTag>
+        <div class="flex items-center">
+          <span class="ml-2 cursor-pointer text-[rgb(var(--primary-5))]" @click="previewDetail(record)">{{
+            record.name
+          }}</span>
+          <MsTag v-if="record.internal" size="small" class="ml-2">{{ t('system.orgTemplate.isSystem') }}</MsTag>
+        </div>
       </template>
       <template #operation="{ record }">
         <div class="flex flex-row flex-nowrap">

frontend/src/views/setting/organization/template/components/fieldSetting.vue

@@ -21,25 +21,27 @@
     </div>
     <MsBaseTable v-bind="propsRes" ref="tableRef" v-on="propsEvent">
       <template #name="{ record }">
-        <MsIcon
-          v-if="!record.internal"
-          :type="getIconType(record.type)?.iconName || ''"
-          size="16"
-          :class="{
-            'text-[rgb(var(--primary-5))]': props.mode === 'project',
-            'cursor-pointer': props.mode === 'project',
-          }"
-        />
-        <span
-          class="ml-2"
-          :class="{
-            'text-[rgb(var(--primary-5))]': props.mode === 'project',
-            'cursor-pointer': props.mode === 'project',
-          }"
-          @click="showDetail(record)"
-          >{{ record.name }}</span
+        <div class="flex items-center">
+          <MsIcon
+            v-if="!record.internal"
+            :type="getIconType(record.type)?.iconName || ''"
+            size="16"
+            :class="{
+              'text-[rgb(var(--primary-5))]': props.mode === 'project',
+              'cursor-pointer': props.mode === 'project',
+            }"
+          />
+          <span
+            class="ml-2"
+            :class="{
+              'text-[rgb(var(--primary-5))]': props.mode === 'project',
+              'cursor-pointer': props.mode === 'project',
+            }"
+            @click="showDetail(record)"
+            >{{ record.name }}</span
+          >
+          <MsTag v-if="record.internal" size="small" class="ml-2">{{ t('system.orgTemplate.isSystem') }}</MsTag></div
         >
-        <MsTag v-if="record.internal" size="small" class="ml-2">{{ t('system.orgTemplate.isSystem') }}</MsTag>
       </template>
       <template #operation="{ record }">
         <div class="flex flex-row flex-nowrap items-center">

frontend/src/views/setting/organization/template/components/templateItem.vue

@@ -68,12 +68,9 @@
 
   // 先判断项目是否是开启
   const isEnableProject = computed(() => {
-    if (props.mode === 'organization') {
-      return !templateStore.projectStatus[props.cardItem.key];
-    }
-    if (props.mode === 'project') {
-      return templateStore.ordStatus[props.cardItem.key];
-    }
+    return props.mode === 'organization'
+      ? !templateStore.projectStatus[props.cardItem.key]
+      : templateStore.ordStatus[props.cardItem.key];
   });
 
   const moreActions = ref<ActionsItem[]>([

frontend/src/views/setting/organization/template/components/templateManagement.vue

@@ -19,8 +19,10 @@
     </div>
     <MsBaseTable v-bind="propsRes" ref="tableRef" v-on="propsEvent">
       <template #name="{ record }">
-        <span class="ml-2">{{ record.name }}</span>
-        <MsTag v-if="record.internal" size="small" class="ml-2">{{ t('system.orgTemplate.isSystem') }}</MsTag>
+        <div class="flex items-center">
+          <span class="ml-2">{{ record.name }}</span>
+          <MsTag v-if="record.internal" size="small" class="ml-2">{{ t('system.orgTemplate.isSystem') }}</MsTag>
+        </div>
       </template>
       <template #enableThirdPart="{ record }">
         {{ record.enableThirdPart ? t('system.orgTemplate.yes') : t('system.orgTemplate.no') }}

frontend/src/views/setting/organization/template/components/templateManagementTable.vue

@@ -1,9 +1,11 @@
 <template>
   <MsBaseTable v-bind="propsRes" ref="tableRef" v-on="propsEvent">
     <template #name="{ record }">
-      <MsIcon v-if="!record.internal" :type="getIconType(record.type)?.iconName || ''" size="16" />
-      <span class="ml-2">{{ record.name }}</span>
-      <MsTag v-if="record.internal" size="small" class="ml-2">{{ t('system.orgTemplate.isSystem') }}</MsTag>
+      <div class="flex items-center">
+        <MsIcon v-if="!record.internal" :type="getIconType(record.type)?.iconName || ''" size="16" />
+        <span class="ml-2">{{ record.name }}</span>
+        <MsTag v-if="record.internal" size="small" class="ml-2">{{ t('system.orgTemplate.isSystem') }}</MsTag>
+      </div>
     </template>
     <template #apiFieldId="{ record }">
       <a-input