From e416312ac08a2355ab848689f0ffb81f99aa0742 Mon Sep 17 00:00:00 2001
From: maziyang <CGNcbbOxjyPrE68CTv>
Date: Wed, 25 Jun 2025 17:34:10 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B5=8B=E8=AF=95=E8=BF=9B=E5=BA=A6=E6=9D=A1?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0/=E5=88=A0=E6=8E=89=E2=88=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/test/test.vue | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/views/test/test.vue b/src/views/test/test.vue
index 7e3d32e..9506af6 100644
--- a/src/views/test/test.vue
+++ b/src/views/test/test.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="vote-results">
-    <div v-for="opt in options" :key="opt.id" class="progressContainer">
+    <div v-for="(opt,idx) in options" :key="opt.id" class="progressContainer">
       <!-- 居中显示的状态 -->
       <el-progress
         v-if="voteStatus"
@@ -11,7 +11,7 @@
         :text-inside="true"
         :color="colors[opt.id]"
         style="width: 300px;"
-        @click="clickBtn(opt.id)"
+        @click="clickBtn(opt.id,idx)"
       />
       <!-- 显示 count 于灰条最右侧的状态 -->
       <div v-else class="progressWrapper">
@@ -40,9 +40,9 @@ const totalStatus = () => {
 }
 
 const options = ref([
-  { id: 1, content: '选择1', count: 20 },
-  { id: 2, content: '选择2', count: 30 },
-  { id: 3, content: '选择3', count: 40 },
+  { id: 1, content: '选择1', count: 20 ,status:0},
+  { id: 2, content: '选择2', count: 30 ,status:0},
+  { id: 3, content: '选择3', count: 40 ,status:0},
 ])
 
 const colors = ref({})
@@ -61,8 +61,16 @@ function genUniqueColors() {
 }
 genUniqueColors()
 
-const clickBtn = idx => {
-  console.log('点击了：', idx)
+const clickBtn = (id, index) => {
+  console.log('点击了 id:', id, '索引:', index)
+  let currentStatus = options.value[index].status
+  if(!currentStatus){
+    options.value[index].content +=" √"
+  }else{
+    options.value[index].content = options.value[index].content.replace(/ √$/, '')
+  }
+  options.value[index].status =!currentStatus
+
 }
 </script>