vue2-client 1.12.31 → 1.12.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.12.31",
+  "version": "1.12.32",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

package/src/base-client/components/common/XDataCard/XDataCard.vue

@@ -2,7 +2,11 @@
   <div>
     <div v-if="render" class="XCard">
       <template v-for="(card, itemIndex) in data">
-        <a-card :key="'card' + itemIndex" class="data-card">
+        <a-card
+          :key="'card' + itemIndex"
+          class="data-card"
+          :class="{ 'card-clicked': card.isClicked }"
+        >
           <div
             v-if="config && card[config.ribbon]"
             class="ribbon"
@@ -57,18 +61,18 @@
                 <template v-else-if="item.type === 'custom' && tableColumns">
                   <!-- 根据 tableColumns 显示自定义内容 -->
                   <span v-for="column in tableColumns" v-if="column.dataIndex === item.key" :key="column.dataIndex">
-                      <template v-if="column.slotType === 'badge'">
-                        <x-badge
-                          :service-name="serviceName"
-                          :env="env"
-                          :dataCard="true"
-                          :badge-key="column.slotKeyMap"
-                          :value="card[item.key]" />
-                      </template>
-                      <template v-else>
-                        <slot :name="column.slots.customRender">{{ card[item.key] }}</slot>
-                      </template>
-                    </span>
+                    <template v-if="column.slotType === 'badge'">
+                      <x-badge
+                        :service-name="serviceName"
+                        :env="env"
+                        :dataCard="true"
+                        :badge-key="column.slotKeyMap"
+                        :value="card[item.key]" />
+                    </template>
+                    <template v-else>
+                      <slot :name="column.slots.customRender">{{ card[item.key] }}</slot>
+                    </template>
+                  </span>
                 </template>
                 <template v-else>
                   <span class="body-item-value">{{ card[item.key] }}</span>
@@ -207,8 +211,8 @@ export default {
     } else {
       this.config = {
         id: '未获取到配置',
-        title: '未获取到配置',
-        title2: '未获取到配置',
+        title: 'title',
+        title2: 'title2',
         title3: '未获取到配置',
         subtitle2: '未获取到配置',
         subtitle3: '未获取到配置',
@@ -265,14 +269,16 @@ export default {
       //   this.loadData()
       // }
     } else {
-      this.data = {
+      this.data = [{
           one: '未获取到配置',
           two: '未获取到配置',
           three: '未获取到配置',
           four: '未获取到配置',
           five: '未获取到配置',
-          six: 70
-        }
+          six: 70,
+          title: '大苏打撒旦',
+          title2: '大苏旦'
+        }]
     }
     // 测试数据初始化
     if (this.testData) {
@@ -302,6 +308,10 @@ export default {
     },
     // 点击按钮
     clickFooter (data, eventName) {
+      if (eventName === 'cardclick') {
+        // 设置点击状态
+        this.$set(data, 'isClicked', !data.isClicked)
+      }
       this.$emit('cardEmit', data, eventName)
     },
     // 获取数据
@@ -457,6 +467,13 @@ export default {
         color: black;
       }
     }
+
+    &.card-clicked {
+      :deep(.ant-card-head) {
+        background-color: #e6f7ff; // 淡蓝色背景
+        transition: background-color 0.3s ease;
+      }
+    }
   }
 
   .custom-title {