新增图片超出限制，无法选中功能

riku

2025-07-29 056ea576d820729878ffd62cd54cd7598e72d07e

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

@@ -2,11 +2,13 @@
  <!-- 清单详情 -->
  <CloseButton v-show="show" @close="closeEdit">
    <el-button
      v-if="!isInternal"
      class="push-btn"
      :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 +22,54 @@
          <div>反</div>
          <div>馈</div>
        </template>
      </div></el-button
      </div>
    </el-button>
    <el-button
      v-else-if="clueTask"
      class="push-btn"
      :type="clueTask.finished ? 'success' : 'danger'"
      @click="finishTask"
      :disabled="clueTask.finished"
    >
      <div class="flex-col">
        <template v-if="clueTask.finished">
          <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>
    <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,26 +77,41 @@
        <ClueReportConclusion
          :clueId="clueData.cid"
        ></ClueReportConclusion>
        <ClueReportQuestion
          :clueId="clueData.cid"
        ></ClueReportQuestion>
        <ClueReportQuestion :clueData="clueData"></ClueReportQuestion>
      </el-scrollbar>
    </div>
  </CloseButton>
  <ClueTaskEdit
    v-model="clueTaskDialog"
    :clue-task="clueTask"
    :clue-data="clueData"
    :create="isCreateMode"
    @on-submit="handelClueTaskEdit"
  ></ClueTaskEdit>
</template>

<script>
import ClueReportClue from './components/ClueReportClue.vue';
import ClueReportConclusion from './components/ClueReportConclusion.vue';
import ClueReportQuestion from './components/ClueReportQuestion.vue';
import ClueTaskEdit from '@/views/overlay-clue/task/ClueTaskEdit.vue';

import { useMessageBoxTip } from '@/composables/messageBox';
import clueApi from '@/api/clue/clueApi';
import clueTaskApi from '@/api/clue/clueTaskApi';

export default {
  inject: {
    // 是否是内部线索相关操作
    isInternal: {
      default: false
    }
  },
  components: {
    ClueReportClue,
    ClueReportConclusion,
    ClueReportQuestion
    ClueReportQuestion,
    ClueTaskEdit
  },
  props: {
    clueData: {
@@ -59,9 +122,20 @@
    },
    show: Boolean
  },
  emits: ['update:show', 'pushed'],
  emits: ['update:show', 'pushed', 'onClueTaskChange'],
  data() {
    return {};
    return {
      clueTask: undefined,
      clueTaskDialog: false,
      isCreateMode: true
    };
  },
  watch: {
    clueData(nV, oV) {
      if (nV && nV != oV) {
        this.getClueTask();
      }
    }
  },
  methods: {
    closeEdit() {
@@ -78,7 +152,46 @@
    },
    pushClue() {
      return clueApi.pushClue(this.clueData.cid).then((res) => {
        this.finishTask();
        this.$emit('pushed', res);
      });
    },

    getClueTask() {
      clueTaskApi
        .fetchClueTask({
          clueId: this.clueData.cid,
          internalTask: this.isInternal
        })
        .then((res) => {
          this.isCreateMode = res.data.length == 0;
          if (res.data.length > 0) {
            this.clueTask = res.data[0];
          } else {
            this.clueTask = undefined;
          }
        });
    },
    publishTask() {
      this.clueTaskDialog = true;
    },
    handelClueTaskEdit() {
      this.getClueTask();
      this.$emit('onClueTaskChange');
    },
    finishTask() {
      useMessageBoxTip({
        confirmMsg: '是否结束线索任务？',
        confirmTitle: '结束线索任务',
        onConfirm: () => {
          return clueTaskApi
            .finishClueTask(this.clueTask.guid)
            .then((res) => {
              if (res.data == 1) {
                this.clueTask.finished = true;
              }
            });
        }
      });
    }
  }
@@ -106,4 +219,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>