From ef8d1890bcc60fec8a2270971d3c2451ec0cd7a9 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Mon, 4 Dec 2023 15:23:09 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=BA=94=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ai-dialog/OperationButton.vue  |  8 +-
 ui/src/components/card-box/index.vue          |  9 +-
 ui/src/views/template/component/ModelCard.vue | 82 ++++++++-----------
 3 files changed, 40 insertions(+), 59 deletions(-)

diff --git a/ui/src/components/ai-dialog/OperationButton.vue b/ui/src/components/ai-dialog/OperationButton.vue
index 6f69ba265..aa575adff 100644
--- a/ui/src/components/ai-dialog/OperationButton.vue
+++ b/ui/src/components/ai-dialog/OperationButton.vue
@@ -18,7 +18,7 @@
       placement="top"
       v-if="buttonData?.vote_status === '-1'"
     >
-      <el-button text @click="voteHandle('1')" :disabled="loading">
+      <el-button text @click="voteHandle('0')" :disabled="loading">
         <AppIcon iconName="app-like"></AppIcon>
       </el-button>
     </el-tooltip>
@@ -26,7 +26,7 @@
       effect="dark"
       content="取消赞同"
       placement="top"
-      v-if="buttonData?.vote_status === '1'"
+      v-if="buttonData?.vote_status === '0'"
     >
       <el-button text @click="voteHandle('-1')" :disabled="loading">
         <AppIcon iconName="app-like-color"></AppIcon>
@@ -39,7 +39,7 @@
       placement="top"
       v-if="buttonData?.vote_status === '-1'"
     >
-      <el-button text @click="voteHandle('0')" :disabled="loading">
+      <el-button text @click="voteHandle('1')" :disabled="loading">
         <AppIcon iconName="app-oppose"></AppIcon>
       </el-button>
     </el-tooltip>
@@ -47,7 +47,7 @@
       effect="dark"
       content="取消反对"
       placement="top"
-      v-if="buttonData?.vote_status === '0'"
+      v-if="buttonData?.vote_status === '1'"
     >
       <el-button text @click="voteHandle('-1')" :disabled="loading">
         <AppIcon iconName="app-oppose-color"></AppIcon>
diff --git a/ui/src/components/card-box/index.vue b/ui/src/components/card-box/index.vue
index 24566fb27..51b8088e5 100644
--- a/ui/src/components/card-box/index.vue
+++ b/ui/src/components/card-box/index.vue
@@ -1,10 +1,5 @@
 <template>
-  <el-card
-    shadow="always"
-    class="card-box"
-    @mouseenter="cardEnter()"
-    @mouseleave="cardLeave()"
-  >
+  <el-card shadow="always" class="card-box" @mouseenter="cardEnter()" @mouseleave="cardLeave()">
     <div class="card-header">
       <slot name="header">
         <div class="title flex align-center">
@@ -17,7 +12,7 @@
         </div>
       </slot>
     </div>
-    <div class="description mt-12">
+    <div class="description mt-12" v-if="$slots.description || description">
       <slot name="description">
         {{ description }}
       </slot>
diff --git a/ui/src/views/template/component/ModelCard.vue b/ui/src/views/template/component/ModelCard.vue
index 79de25108..f943fcb93 100644
--- a/ui/src/views/template/component/ModelCard.vue
+++ b/ui/src/views/template/component/ModelCard.vue
@@ -1,44 +1,34 @@
 <template>
-  <card-box
-    style="
-      --app-card-box-description-height: 100%;
-      --card-min-height: 153px;
-      --card-min-width: 20px;
-      width: 100%;
-    "
-    :title="model.name"
-  >
+  <card-box :title="model.name" shadow="hover" class="model-card">
     <template #icon>
-      <AppAvatar
-        class="mr-12"
-        shape="square"
-        style="--el-avatar-bg-color: rgba(255, 255, 255, 0)"
-        :size="32"
-      >
-        <span style="height: 24px; width: 24px" :innerHTML="icon"></span
-      ></AppAvatar>
+      <span style="height: 32px; width: 32px" :innerHTML="icon" class="mr-12"></span>
     </template>
-    <template #description>
-      <el-descriptions :column="1" label-align="center">
-        <el-descriptions-item label="模型类型" label-class-name="ellipsis-1">
-          <span class="ellipsis-1"> {{ model.model_type }}</span></el-descriptions-item
-        >
-        <el-descriptions-item label="模型名称" label-class-name="ellipsis-1">
-          <span class="ellipsis-1">{{ model.model_name }}</span></el-descriptions-item
-        >
-      </el-descriptions>
-    </template>
-    <template #mouseEnter>
+    <div class="border-t mt-16">
+      <ul>
+        <li class="flex mt-16">
+          <el-text type="info">模型类型</el-text>
+          <span class="ellipsis-1 ml-16"> {{ model.model_type }}</span>
+        </li>
+        <li class="flex mt-12">
+          <el-text type="info">模型名称</el-text>
+          <span class="ellipsis-1 ml-16"> {{ model.model_name }}</span>
+        </li>
+      </ul>
+    </div>
+    <div class="operation-button">
       <el-tooltip effect="dark" content="修改" placement="top">
-        <el-button text @click.stop="openEditModel" class="edit-button">
-          <el-icon><Edit /></el-icon> </el-button
-      ></el-tooltip>
+        <el-button text @click.stop="openEditModel">
+          <el-icon><EditPen /></el-icon>
+        </el-button>
+      </el-tooltip>
+
       <el-tooltip effect="dark" content="删除" placement="top">
-        <el-button text @click.stop="deleteModel" class="delete-button">
+        <el-button text @click.stop="deleteModel">
           <el-icon><Delete /></el-icon>
         </el-button>
       </el-tooltip>
-    </template>
+    </div>
+    <template #mouseEnter> </template>
     <EditModel ref="eidtModelRef" @submit="emit('change')"></EditModel>
   </card-box>
 </template>
@@ -77,20 +67,16 @@ const icon = computed(() => {
 })
 </script>
 <style lang="scss" scoped>
-:deep(.el-descriptions__cell) {
-  display: flex;
-  flex-wrap: nowrap;
-}
-.delete-button {
-  position: absolute;
-  right: 12px;
-  top: 18px;
-  height: auto;
-}
-.edit-button {
-  position: absolute;
-  right: 30px;
-  top: 18px;
-  height: auto;
+.model-card {
+  min-height: 153px;
+  .operation-button {
+    position: absolute;
+    right: 12px;
+    top: 18px;
+    height: auto;
+    .el-button + .el-button {
+      margin-left: 4px;
+    }
+  }
 }
 </style>