From e6496b34f8cbdf8e73d41dc188b1c56c7a7b608d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=98=E6=B0=91=E5=BA=B7?= <m18571841023@163.com>
Date: Wed, 16 Apr 2025 15:26:53 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=AF=E4=BF=A1=E4=BB=A3=E7=A0=81=E5=BA=93-?=
 =?UTF-8?q?=E8=BD=AF=E4=BB=B6=E8=AF=A6=E6=83=85=E5=A2=9E=E5=8A=A0=E6=81=B6?=
 =?UTF-8?q?=E6=84=8F=E4=BB=A3=E7=A0=81=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Version/Detail/Malware/MalwareDetail.vue  | 358 +++++++++---------
 1 file changed, 188 insertions(+), 170 deletions(-)

diff --git a/src/views/Jyh/Version/Detail/Malware/MalwareDetail.vue b/src/views/Jyh/Version/Detail/Malware/MalwareDetail.vue
index 37676f5..07d9455 100644
--- a/src/views/Jyh/Version/Detail/Malware/MalwareDetail.vue
+++ b/src/views/Jyh/Version/Detail/Malware/MalwareDetail.vue
@@ -1,154 +1,174 @@
 <template>
   <d-drawer v-model="detailDrawerCtrl" class="w-[800px] p-[20px]">
     <div class="flex flex-col h-full">
-        <div class="flex justify-between items-center mb-[12px]">
-            <p class="text-[18px]/[26px] ">恶意代码详情</p>
-            <d-icon @click="detailDrawerCtrl = false" name="icon-close" size="18px" class="cursor-pointer text-[#71757F]" />
-        </div>
-        <div class="flex flex-col mb-[12px] flex-1 h-0">
-            <div class="malware-detail-card mb-[16px]">
-                <p class="title">文件基本信息</p>
-                <div class="content">
-<!--                    <div class="flex items-center">-->
-<!--                        <div class="w-[96px] pr-[20px] flex-shrink-0 text-[#595959]">文件名称</div>-->
-<!--                        <div class="single-line-ellipsis">{{ props.detailRow?.packageFullName }}</div>-->
-<!--                        <d-icon name="icon-copy" class="ml-[8px] cursor-pointer" @click="handleCopy(props.detailRow?.packageFullName)" />-->
-<!--                    </div>-->
-                    <div class="flex items-center">
-                        <div class="w-[96px] pr-[20px] flex-shrink-0 text-[#595959]">文件路径</div>
-                        <div class="single-line-ellipsis">{{ malwareDetails?.filePath }}</div>
-                        <d-icon name="icon-copy" class="ml-[8px] cursor-pointer" @click="handleCopy(malwareDetails?.filePath)" />
-                    </div>
-                  <div class="flex items-center">
-                        <div class="w-[96px] pr-[20px] flex-shrink-0 text-[#595959]">切片类型</div>
-                        <div class="single-line-ellipsis">{{ malwareDetails?.codeType }}</div>
-                        <d-icon name="icon-copy" class="ml-[8px] cursor-pointer" @click="handleCopy(malwareDetails?.codeType)" />
-                    </div>
-                  <div class="flex items-center">
-                        <div class="w-[96px] pr-[20px] flex-shrink-0 text-[#595959]">标识符</div>
-                        <div class="single-line-ellipsis">{{ malwareDetails?.identifier }}</div>
-                        <d-icon name="icon-copy" class="ml-[8px] cursor-pointer" @click="handleCopy(malwareDetails?.identifier)" />
-                    </div>
-                  <div class="flex items-center">
-                        <div class="w-[96px] pr-[20px] flex-shrink-0 text-[#595959]">token数量</div>
-                        <div class="single-line-ellipsis">{{ malwareDetails?.tokenNum }}</div>
-                        <d-icon name="icon-copy" class="ml-[8px] cursor-pointer" @click="handleCopy(malwareDetails?.tokenNum)" />
-                    </div>
-                  <div class="flex items-center">
-                        <div class="w-[96px] pr-[20px] flex-shrink-0 text-[#595959]">代码片段</div>
-                        <div class="single-line-ellipsis">{{ malwareDetails?.code }}</div>
-                        <d-icon name="icon-copy" class="ml-[8px] cursor-pointer" @click="handleCopy(malwareDetails?.code)" />
-                    </div>
-<!--                    <div class="flex items-center">-->
-<!--                        <div class="w-[96px] pr-[20px] flex-shrink-0 text-[#595959]">文件sha256</div>-->
-<!--                        <div :title="malwareDetails?.code" class="single-line-ellipsis">{{ malwareDetails?.code }}</div>-->
-<!--                        <d-icon name="icon-copy" class="ml-[8px] cursor-pointer" @click="handleCopy(malwareDetails?.code)" />-->
-<!--                    </div>-->
-                </div>
+      <div class="flex justify-between items-center mb-[12px]">
+        <p class="text-[18px]/[26px] ">恶意代码详情</p>
+        <d-icon @click="detailDrawerCtrl = false" name="icon-close" size="18px" class="cursor-pointer text-[#71757F]" />
+      </div>
+      <div class="flex flex-col mb-[12px] flex-1 h-0">
+        <div class="malware-detail-card mb-[16px]">
+          <p class="title">文件基本信息</p>
+          <div class="content">
+            <div class="flex items-center">
+              <div class="w-[160px] pr-[20px] flex-shrink-0 text-[#595959]">文件名称</div>
+              <div class="single-line-ellipsis">{{ props.detailRow?.packageFullName || '--' }}</div>
+              <d-icon name="icon-copy" class="ml-[8px] cursor-pointer" @click="handleCopy(props.detailRow?.packageFullName)" />
             </div>
+            <div class="flex items-center">
+              <div class="w-[160px] pr-[20px] flex-shrink-0 text-[#595959]">文件路径</div>
+              <div class="single-line-ellipsis">{{ props.detailRow?.packagePath || '--' }}</div>
+              <d-icon name="icon-copy" class="ml-[8px] cursor-pointer" @click="handleCopy(props.detailRow?.packagePath)" />
+            </div>
+            <div class="flex items-center">
+              <div class="w-[160px] pr-[20px] flex-shrink-0 text-[#595959]">文件版本号</div>
+              <div class="single-line-ellipsis">{{ props.detailRow?.packageVersion || '--' }}</div>
+              <d-icon name="icon-copy" class="ml-[8px] cursor-pointer" @click="handleCopy(props.detailRow?.packageVersion)" />
+            </div>
+            <div class="flex items-center">
+              <div class="w-[160px] pr-[20px] flex-shrink-0 text-[#595959]">LLM名称</div>
+              <div class="single-line-ellipsis">{{ props.detailRow?.llmName || '--' }}</div>
+              <d-icon name="icon-copy" class="ml-[8px] cursor-pointer" @click="handleCopy(props.detailRow?.llmName)" />
+            </div>
+            <div class="flex items-center">
+              <div class="w-[160px] pr-[20px] flex-shrink-0 text-[#595959]">敏感API总数</div>
+              <div class="single-line-ellipsis">{{ props.detailRow?.totalApisCalledCount }}</div>
+            </div>
+            <div class="flex items-center">
+              <div class="w-[160px] pr-[20px] flex-shrink-0 text-[#595959]">可疑文件总数</div>
+              <div class="single-line-ellipsis">{{ props.detailRow?.suspiciousFilesCount }}</div>
+            </div>
+            <div class="flex items-center">
+              <div class="w-[160px] pr-[20px] flex-shrink-0 text-[#595959]">是否恶意代码</div>
+              <div class="single-line-ellipsis">
+                          <span class="card-val" v-if="props.detailRow?.isMalicious===0">
+                            <d-tag color="#5e7ce0" size="sm">否</d-tag>
+                          </span>
+                <span class="card-val" v-else>
+                            <d-tag color="#c7000b" size="sm">是</d-tag>
+                          </span>
+              </div>
+            </div>
+            <div class="flex items-center">
+              <div class="w-[160px] pr-[20px] flex-shrink-0 text-[#595959]">大模型是否正常回复</div>
+              <div class="single-line-ellipsis">
+                          <span class="card-val" v-if="props.detailRow?.isModelResponded===0">
+                            <d-tag color="#5e7ce0" size="sm">否</d-tag>
+                          </span>
+                <span class="card-val" v-else>
+                            <d-tag color="#c7000b" size="sm">是</d-tag>
+                          </span>
+              </div>
+            </div>
+            <!--                    <div class="flex items-center">-->
+            <!--                        <div class="w-[160px] pr-[20px] flex-shrink-0 text-[#595959]">文件sha256</div>-->
+            <!--                        <div :title="malwareDetails?.code" class="single-line-ellipsis">{{ malwareDetails?.code }}</div>-->
+            <!--                        <d-icon name="icon-copy" class="ml-[8px] cursor-pointer" @click="handleCopy(malwareDetails?.code)" />-->
+            <!--                    </div>-->
+          </div>
+        </div>
 
-            <div class="malware-detail-card mb-[16px]">
-                <p class="title">调用的敏感API列表</p>
-                <div class="content">
-                    <d-table
-                        :data="malwareDetails?.apisCalled"
-                        class="w-full bg-white malware-list-table"
-                        :fix-header="malwareDetails?.apisCalled.length > 0"
+        <div class="malware-detail-card mb-[16px]">
+          <p class="title">调用的敏感API列表</p>
+          <div class="content">
+            <d-table
+              :data="malwareDetails?.apisCalled"
+              class="w-full bg-white malware-list-table"
+              :fix-header="malwareDetails?.apisCalled.length > 0"
 
-                        max-height="300px"
-                    >
-                      <d-column field="isMalicious" header="是否恶意代码">
-                        <template #default="scope">
+              max-height="300px"
+            >
+              <d-column field="isMalicious" header="是否恶意代码">
+                <template #default="scope">
                           <span class="card-val" v-if="scope.row.isMalicious===0">
                             <d-tag color="#5e7ce0" size="sm">否</d-tag>
                           </span>
-                                        <span class="card-val" v-else>
+                  <span class="card-val" v-else>
                             <d-tag color="#c7000b" size="sm">是</d-tag>
                           </span>
-                        </template>
-                      </d-column>
-                        <d-column
-                            field="maliciousCodeCategory"
-                            header="恶意代码分类"
-                        />
-                        <template #empty>
-                            <NoData style="padding: 0; margin: -30px 0;" :width="80" />
-                        </template>
-                    </d-table>
-
-<!--                    <d-pagination-->
-<!--                        class="flex justify-end mt-[20px]"-->
-<!--                        :total="pager.total"-->
-<!--                        v-model:pageSize="pager.pageSize"-->
-<!--                        v-model:pageIndex="pager.pageIndex"-->
-<!--                        :can-view-total="true"-->
-<!--                        :can-change-page-size="true"-->
-<!--                        :max-items="5"-->
-<!--                        @page-index-change="pageIndexChange"-->
-<!--                        @page-size-change="pageSizeChange"-->
-<!--                    />-->
-                </div>
-            </div>
-
-          <div class="malware-detail-card mb-[16px]">
-            <p class="title">包含恶意代码的文件列表</p>
-            <div class="content">
-              <d-table
-                :data="malwareDetails?.source"
-                class="w-full bg-white malware-list-table"
-                :fix-header="malwareDetails?.source.length > 0"
-
-                max-height="300px"
-              >
-                <d-column
-                  field="sink"
-                  header="恶意汇"
-                />
-                <d-column
-                  field="flow"
-                  header="传播流向"
-                />
-                <d-column
-                  field="purpose"
-                  header="代码目的"
-                />
-                <d-column
-                  field="analysis"
-                  header="LLM对于这个代码片段的分析"
-                />
-                <d-column
-                  field="createTime"
-                  header="创建时间"
-                />
-                <template #empty>
-                  <NoData style="padding: 0; margin: -30px 0;" :width="80" />
                 </template>
-              </d-table>
+              </d-column>
+              <d-column
+                field="maliciousCodeCategory"
+                header="恶意代码分类"
+              />
+              <template #empty>
+                <NoData style="padding: 0; margin: -30px 0;" :width="80" />
+              </template>
+            </d-table>
 
-              <!--                    <d-pagination-->
-              <!--                        class="flex justify-end mt-[20px]"-->
-              <!--                        :total="pager.total"-->
-              <!--                        v-model:pageSize="pager.pageSize"-->
-              <!--                        v-model:pageIndex="pager.pageIndex"-->
-              <!--                        :can-view-total="true"-->
-              <!--                        :can-change-page-size="true"-->
-              <!--                        :max-items="5"-->
-              <!--                        @page-index-change="pageIndexChange"-->
-              <!--                        @page-size-change="pageSizeChange"-->
-              <!--                    />-->
-            </div>
+            <!--                    <d-pagination-->
+            <!--                        class="flex justify-end mt-[20px]"-->
+            <!--                        :total="pager.total"-->
+            <!--                        v-model:pageSize="pager.pageSize"-->
+            <!--                        v-model:pageIndex="pager.pageIndex"-->
+            <!--                        :can-view-total="true"-->
+            <!--                        :can-change-page-size="true"-->
+            <!--                        :max-items="5"-->
+            <!--                        @page-index-change="pageIndexChange"-->
+            <!--                        @page-size-change="pageSizeChange"-->
+            <!--                    />-->
           </div>
-
-<!--            <div class="malware-detail-card flex-1 h-0">-->
-<!--                <p class="title">关键日志</p>-->
-<!--                <div class="content flex flex-col flex-1 h-0">-->
-<!--                    <div class="log-box flex-1 overflow-y-scroll">-->
-<!--                        {{ malwareDetails?.analysis }}-->
-<!--                        {{ malwareDetails?.code }}-->
-<!--                    </div>-->
-<!--                </div>-->
-<!--            </div>-->
         </div>
+
+        <div class="malware-detail-card mb-[16px]">
+          <p class="title">包含恶意代码的文件列表</p>
+          <div class="content">
+            <d-table
+              :data="malwareDetails?.source"
+              class="w-full bg-white malware-list-table"
+              :fix-header="malwareDetails?.source.length > 0"
+
+              max-height="300px"
+            >
+              <d-column
+                field="sink"
+                header="恶意汇"
+              />
+              <d-column
+                field="flow"
+                header="传播流向"
+              />
+              <d-column
+                field="purpose"
+                header="代码目的"
+              />
+              <d-column
+                field="analysis"
+                header="LLM对于这个代码片段的分析"
+              />
+              <d-column
+                field="createTime"
+                header="创建时间"
+              />
+              <template #empty>
+                <NoData style="padding: 0; margin: -30px 0;" :width="80" />
+              </template>
+            </d-table>
+
+            <!--                    <d-pagination-->
+            <!--                        class="flex justify-end mt-[20px]"-->
+            <!--                        :total="pager.total"-->
+            <!--                        v-model:pageSize="pager.pageSize"-->
+            <!--                        v-model:pageIndex="pager.pageIndex"-->
+            <!--                        :can-view-total="true"-->
+            <!--                        :can-change-page-size="true"-->
+            <!--                        :max-items="5"-->
+            <!--                        @page-index-change="pageIndexChange"-->
+            <!--                        @page-size-change="pageSizeChange"-->
+            <!--                    />-->
+          </div>
+        </div>
+
+        <!--            <div class="malware-detail-card flex-1 h-0">-->
+        <!--                <p class="title">关键日志</p>-->
+        <!--                <div class="content flex flex-col flex-1 h-0">-->
+        <!--                    <div class="log-box flex-1 overflow-y-scroll">-->
+        <!--                        {{ malwareDetails?.analysis }}-->
+        <!--                        {{ malwareDetails?.code }}-->
+        <!--                    </div>-->
+        <!--                </div>-->
+        <!--            </div>-->
+      </div>
     </div>
   </d-drawer>
 </template>
@@ -162,54 +182,52 @@ import { type MalwareDetailType } from "@/api/inboundTask/inboundTaskType";
 
 const props = defineProps({
   detailRow: {
-        type: Object,
-        required: true,
-    },
+    type: Object,
+    required: true,
+  },
 });
 const detailDrawerCtrl = ref(false);
 const malwareDetails = shallowRef<MalwareDetailType | null>(null);
 const threatContentList = shallowRef([]);
 const pager = reactive({
-    pageIndex: 1,
-    pageSize: 10,
-    total: 0,
+  pageIndex: 1,
+  pageSize: 10,
+  total: 0,
 });
 
 async function getMalwareDetails(id) {
-    try {
-        const res = await getMalwareDetailApi2({
-          current: 1,
-          size: 10,
-          malwareId: id
-        });
-        if (res.data.code === 200) {
-            malwareDetails.value = res.data.data;
-        } else {
-            Message.error('查询详情失败');
-        }
-    } catch (e) {
-        Message.error('接口错误，查询详情失败');
+  try {
+    const res = await getMalwareDetailApi2({
+      current: 1,
+      size: 10,
+      maliciousId: id
+    });
+    if(res.data.records&&res.data.records.length>0) {
+      malwareDetails.value = res.data.records[0];
     }
-    getCurrentPageData();
+  } catch (e) {
+    Message.error('接口错误，查询详情失败');
+  }
+  getCurrentPageData();
 }
 
 function getCurrentPageData() {
-    // pager.total = malwareDetails.value.contentInfo.total;
-    // const endIndex = pager.pageIndex * pager.pageSize;
-    // threatContentList.value = malwareDetails.value.contentInfo.list.slice(endIndex - pager.pageSize, endIndex);
+  // pager.total = malwareDetails.value.contentInfo.total;
+  // const endIndex = pager.pageIndex * pager.pageSize;
+  // threatContentList.value = malwareDetails.value.contentInfo.list.slice(endIndex - pager.pageSize, endIndex);
 }
 
 function pageIndexChange() {
-    getCurrentPageData();
+  getCurrentPageData();
 }
 
 function pageSizeChange() {
-    pager.pageIndex = 1;
-    getCurrentPageData();
+  pager.pageIndex = 1;
+  getCurrentPageData();
 }
 
 function handleCopy(text: string) {
-    inputCopy(text);
+  inputCopy(text);
 }
 const openDetail = (id) => {
   detailDrawerCtrl.value = true;
@@ -217,13 +235,13 @@ const openDetail = (id) => {
 }
 
 function inputCopy(text: string) {
-    const aux = document.createElement('input');
-    aux.setAttribute('value', text);
-    document.body.appendChild(aux);
-    aux.select();
-    document.execCommand('copy');
-    document.body.removeChild(aux);
-    Message({ type: 'success', message: '复制成功' });
+  const aux = document.createElement('input');
+  aux.setAttribute('value', text);
+  document.body.appendChild(aux);
+  aux.select();
+  document.execCommand('copy');
+  document.body.removeChild(aux);
+  Message({ type: 'success', message: '复制成功' });
 }