From 0989b8ef371f8199b5f2eabf28d89fcf1984556d Mon Sep 17 00:00:00 2001
From: "xinxin.wu" <xinxin.wu@fit2cloud.com>
Date: Tue, 29 Oct 2024 11:10:04 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E7=94=A8=E4=BE=8B):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=8A=9F=E8=83=BD=E7=94=A8=E4=BE=8B=E6=8A=BD?=
 =?UTF-8?q?=E5=B1=89=E5=A2=9E=E5=8A=A0=E5=BF=AB=E6=8D=B7=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E7=94=A8=E4=BE=8B=E7=AD=89=E7=BA=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/models/setting/template.ts       |  2 +-
 .../components/caseDetailDrawer.vue           | 58 ++++++++++++++++++-
 2 files changed, 58 insertions(+), 2 deletions(-)

diff --git a/frontend/src/models/setting/template.ts b/frontend/src/models/setting/template.ts
index 29b8deaba8..bfc7fdde6f 100644
--- a/frontend/src/models/setting/template.ts
+++ b/frontend/src/models/setting/template.ts
@@ -28,7 +28,7 @@ export interface FieldOptions {
   value: any;
   text: string;
   internal?: boolean; // 是否是内置模板
-  pos: number; // 排序字段
+  pos?: number; // 排序字段
 }
 
 // 自定义字段
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue b/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue
index 27b32977f9..814d39b333 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue
@@ -19,7 +19,25 @@
   >
     <template #titleName>
       <div :class="`case-title flex items-center gap-[8px] ${isEditTitle ? 'w-full' : ''}`">
-        <div v-if="!isEditTitle" class="flex items-center"><caseLevel :case-level="caseLevels" /></div>
+        <a-select
+          v-if="!isEditTitle"
+          v-model:model-value="caseLevels"
+          :placeholder="t('common.pleaseSelect')"
+          class="param-input w-[65px] py-[2px]"
+          size="mini"
+          :disabled="!hasAnyPermission(['FUNCTIONAL_CASE:READ+UPDATE'])"
+          @click.stop
+          @change="(val)=>handleStatusChange(val as string)"
+        >
+          <template #label>
+            <span class="text-[var(--color-text-2)]">
+              <caseLevel :case-level="caseLevels" />
+            </span>
+          </template>
+          <a-option v-for="item of caseLevelList" :key="item.value" :value="item.value">
+            <caseLevel :case-level="item.text as CaseLevel" />
+          </a-option>
+        </a-select>
         <a-input
           v-if="isEditTitle"
           v-model="titleName"
@@ -237,6 +255,7 @@
 
   import type { CustomAttributes, DetailCase, TabItemType } from '@/models/caseManagement/featureCase';
   import { ModuleTreeNode } from '@/models/common';
+  import type { FieldOptions } from '@/models/setting/template';
   import { CaseManagementRouteEnum } from '@/enums/routeEnum';
 
   import { getCaseLevels, initFormCreate } from './utils';
@@ -351,6 +370,13 @@
     caseLevels.value = getCaseLevels(customFields.value) as CaseLevel;
   }
 
+  const caseLevelList = computed<FieldOptions[]>(() => {
+    return (
+      customFields.value.find((item: any) => item.internal && item.internalFieldKey === 'functional_priority')
+        ?.options || []
+    );
+  });
+
   const editLoading = ref<boolean>(false);
 
   async function updateSuccess() {
@@ -675,6 +701,36 @@
     });
     return data;
   }
+  // 更新用例等级
+  async function handleStatusChange(value: string) {
+    try {
+      const customFieldsList = customFields.value.map((item: any) => {
+        if (item.internal && item.internalFieldKey === 'functional_priority') {
+          return {
+            fieldId: item.fieldId,
+            value,
+          };
+        }
+        return {
+          fieldId: item.fieldId,
+          value: Array.isArray(item.defaultValue) ? JSON.stringify(item.defaultValue) : item.defaultValue,
+        };
+      });
+      const params = {
+        request: {
+          ...detailInfo.value,
+          customFields: customFieldsList,
+        },
+        fileList: [],
+      };
+      await updateCaseRequest(params);
+      Message.success(t('common.updateSuccess'));
+      updateSuccess();
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  }
 </script>
 
 <style scoped lang="less">