vue2-client 1.12.32 → 1.12.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.12.32",
+  "version": "1.12.33",
   "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

@@ -15,7 +15,7 @@
           </div>
           <!-- 自定义标题 -->
           <template #title>
-            <div class="custom-title" @click="clickFooter(card, 'cardclick')">
+            <div class="custom-title" @click="clickFooter(card, 'cardclick', itemIndex)">
               <a-tooltip placement="top">
                 <template #title>{{ card[config.id] }}</template>
                 <div class="title-id" v-if="card[config.id]">{{ card[config.id] }}</div>
@@ -89,7 +89,7 @@
           <template #actions>
             <a-row align="middle" class="custom-actions" v-if="config && config.footer && config.footer.length > 0">
               <template v-for="(item, footerIndex) in config.footer">
-                <a-col :key="'footer_' + footerIndex" class="footer-item" :span="11" @click="clickFooter(card, item.emit)">
+                <a-col :key="'footer_' + footerIndex" class="footer-item" :span="11" @click="clickFooter(card, item.emit, itemIndex)">
                   <span>
                     <a-icon :type="item.icon" class="footer-icon" />
                     <span>{{ item.label }}</span>
@@ -195,7 +195,8 @@ export default {
       // 分页大小选项
       pageSizeOptions: ['4', '6', '8', '10'],
       // 数据总数
-      total: 0
+      total: 0,
+      activeCardIndex: null, // 新增：记录当前激活的卡片索引
     }
   },
   created () {
@@ -211,8 +212,8 @@ export default {
     } else {
       this.config = {
         id: '未获取到配置',
-        title: 'title',
-        title2: 'title2',
+        title: '未获取到配置',
+        title2: '未获取到配置',
         title3: '未获取到配置',
         subtitle2: '未获取到配置',
         subtitle3: '未获取到配置',
@@ -269,16 +270,14 @@ export default {
       //   this.loadData()
       // }
     } else {
-      this.data = [{
+      this.data = {
           one: '未获取到配置',
           two: '未获取到配置',
           three: '未获取到配置',
           four: '未获取到配置',
           five: '未获取到配置',
-          six: 70,
-          title: '大苏打撒旦',
-          title2: '大苏旦'
-        }]
+          six: 70
+        }
     }
     // 测试数据初始化
     if (this.testData) {
@@ -307,10 +306,18 @@ export default {
       return result
     },
     // 点击按钮
-    clickFooter (data, eventName) {
+    clickFooter (data, eventName, index) {
       if (eventName === 'cardclick') {
-        // 设置点击状态
-        this.$set(data, 'isClicked', !data.isClicked)
+        // 清除所有卡片的点击状态
+        if (this.data && Array.isArray(this.data)) {
+          this.data.forEach(item => {
+            if (item.isClicked) {
+              this.$set(item, 'isClicked', false)
+            }
+          })
+        }
+        // 设置当前卡片的点击状态
+        this.$set(data, 'isClicked', true)
       }
       this.$emit('cardEmit', data, eventName)
     },
@@ -470,7 +477,7 @@ export default {
 
     &.card-clicked {
       :deep(.ant-card-head) {
-        background-color: #e6f7ff; // 淡蓝色背景
+        background-color: #e6f7ff;
         transition: background-color 0.3s ease;
       }
     }