修改多个组件的展示样式

riku

2025-04-21 30748ea70f14c675743c7ea54e5c162d4a5e2839

 src/views/overlay-clue/list/ClueManage.vue

@@ -14,11 +14,25 @@
      >
    </div>
    <el-scrollbar height="70vh" class="p-h-1">
      <ClueList
        :dataList="clueList"
        @itemSelected="selectClue"
      ></ClueList>
      <ClueList :dataList="clueList" @itemSelected="selectClue">
        <!-- <template #extra>
          <el-button size="small" type="primary" @click="getClues">
            发布任务
          </el-button>
        </template> -->
      </ClueList>
    </el-scrollbar>
    <el-row justify="space-between" class="p-8">
      <el-pagination
        size="small"
        v-model:current-page="currentPage"
        v-model:page-size="pageSize"
        :page-sizes="[10, 20, 50, 100]"
        :background="true"
        layout="total, sizes, pager"
        :total="total"
      />
    </el-row>
  </div>
</template>

@@ -36,6 +50,9 @@
const updateTime = ref();
// 线索清单
const clueList = ref([]);
const currentPage = ref(1);
const pageSize = ref(100);
const total = ref(0);

/**
 * 查询已下发的线索清单
@@ -49,8 +66,16 @@
    eTime = now.add(1, 'month').format('YYYY-MM-DD HH:mm:ss');
  }
  onMapMounted(() => {
    clueApi.getClue({ sTime, eTime }).then((res) => {
      clueList.value = res;
    clueApi
      .getClue({
        sTime,
        eTime,
        pageNum: currentPage.value,
        pageSize: pageSize.value
      })
      .then((res) => {
        total.value = res.head.totalCount;
        clueList.value = res.data;
    });
  });
};
@@ -75,6 +100,4 @@
  getClues();
});
</script>
<style scoped>

</style>
<style scoped></style>