fix

13404089107

2025-04-07 abfc074c35e8bd66ec0641173bfd703051ca701a

 src/components/datascreen/CenterPanel.vue

@@ -39,7 +39,7 @@
    <div class="center-bott">
      <div class="bottom-search">
        <div class="search-box">
          <input type="text" placeholder="请输入户主名称进行搜索" v-model="searchText">
          <input type="text" placeholder="请输入户主名称进行搜索" v-model="searchText" @keydown="searchForText($event)">
          <img src="@/assets/search.png" class="search-icon" alt="">
        </div>
      </div>
@@ -59,7 +59,7 @@
              <div class="progress-wrapper">
                <div class="progress-bar">
                  <div class="progress-fill">
                    <div class="progress-color"
                    <div class="progress-color" :style="{ width: item.process*5 + '%' }"
                      :class="item.process <= 5 ? 'progress-yellow' : item.process <= 10 && item.process > 5 ? 'progress-green' : item.process <= 15 && item.process > 10 ? 'progress-blue' : 'progress-gray'">
                    </div>
                  </div>
@@ -82,6 +82,10 @@
    data: {
      type: Object,
      default: () => { },
    },
    searchText: {
      type: String,
      default: '', 
    }
  },
  components: {
@@ -94,11 +98,18 @@
        { label: '已审核', value: '2021103000002', percentage: 70 },
        { label: '已完成', value: '2021103000003', percentage: 50 }
      ],
      searchText: '', // 搜索文本
      // searchText: '', // 搜索文本
      compensationList: [

      ]
    };
  },
  methods: {
    searchForText(event) {
      if (event.key === 'Enter') { // 监听回车键事件
        this.$emit('searchForText', this.searchText); // 触发搜索事件并传递搜索文本
      }
    }
  }
};
</script>
@@ -284,22 +295,22 @@

                .progress-yellow {
                  height: 100%;
                  background: #FEDB65;
                  background: #FEDB65 !important;
                }

                .progress-blue {
                  height: 100%;
                  background: #00C6FF;
                  background: #00C6FF !important;
                }

                .progress-green {
                  height: 100%;
                  background: rgba(0, 220, 171, 1);
                  background: rgba(0, 220, 171, 1) !important;
                }

                .progress-gray {
                  height: 100%;
                  background: rgba(0, 242, 240, 1);
                  background: rgba(0, 242, 240, 1) !important;
                }