修改多个组件的展示样式

riku

2025-04-21 30748ea70f14c675743c7ea54e5c162d4a5e2839

 src/views/overlay-clue/report/ClueReport.vue

@@ -6,7 +6,8 @@
      :type="clueData.cuploaded ? 'success' : 'danger'"
      @click="pushCheck"
      :disabled="clueData.cuploaded"
      ><div class="flex-col">
    >
      <div class="flex-col">
        <template v-if="clueData.cuploaded">
          <el-icon><Check /></el-icon>
          <div>已</div>
@@ -20,8 +21,30 @@
          <div>反</div>
          <div>馈</div>
        </template>
      </div></el-button
      </div>
    </el-button>
    <el-button
      class="task-btn"
      :type="clueTask ? 'success' : 'danger'"
      @click="publishTask"
    >
      <div class="flex-col">
        <template v-if="clueTask">
          <el-icon><Check /></el-icon>
          <div>查</div>
          <div>看</div>
          <div>任</div>
          <div>务</div>
        </template>
        <template v-else>
          <el-icon><Upload /></el-icon>
          <div>发</div>
          <div>布</div>
          <div>任</div>
          <div>务</div>
        </template>
      </div>
    </el-button>
    <div class="fy-card">
      <div class="fy-h1">线索反馈</div>
      <el-scrollbar height="80vh" class="p-h-1">
@@ -29,9 +52,7 @@
        <ClueReportConclusion
          :clueId="clueData.cid"
        ></ClueReportConclusion>
        <ClueReportQuestion
          :clueId="clueData.cid"
        ></ClueReportQuestion>
        <ClueReportQuestion :clueData="clueData"></ClueReportQuestion>
      </el-scrollbar>
    </div>
  </CloseButton>
@@ -61,7 +82,9 @@
  },
  emits: ['update:show', 'pushed'],
  data() {
    return {};
    return {
      clueTask: undefined
    };
  },
  methods: {
    closeEdit() {
@@ -80,6 +103,9 @@
      return clueApi.pushClue(this.clueData.cid).then((res) => {
        this.$emit('pushed', res);
      });
    },
    publishTask() {

    }
  }
};
@@ -106,4 +132,25 @@
  border-bottom-right-radius: 0px;
  /* box-shadow: var(--el-box-shadow-light); */
}

.task-btn {
  position: absolute;
  z-index: 1;
  bottom: 2rem;
  left: -2.5rem;
  width: 2.5rem;
  height: initial;
  margin: initial;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* background-color: white; */
  /* border-color: white; */
  /* border-top: 1px solid;
  border-left: 1px solid;
  border-bottom: 1px solid; */
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  /* box-shadow: var(--el-box-shadow-light); */
}
</style>