import { getQuestion, deleteQuestion } from '../../../services/clue/fetchClue';

export const useQuestion = Behavior({
  data: {
    questionList: [],
  },
  methods: {
    fetchClueQuestion() {
      const { clueTask } = this.data;
      getQuestion(clueTask.clueId, clueTask.internalTask).then(res => {
        this.setData({ questionList: res.data });
      });
    },

    deleteQuestion(e) {
      const { index } = e.currentTarget.dataset;
      this.setData({ showDelete: true, currentIndex: index });
    },

    onDeleteConfirm() {
      const { currentIndex, questionList } = this.data;
      const q = questionList[currentIndex];

      deleteQuestion(q.cqId)
        .then(res => {
          if (res.success) {
            const index = questionList.indexOf(q);
            questionList.splice(index, 1);
            this.setData({ questionList });
          }
        })
        .finally(() => this.closeDialog());
    },

    checkQuestion(e) {
      const { index } = e.currentTarget.dataset;
      const question = this.data.questionList[index];

      wx.navigateTo({
        url: '/pages/cluetask/question/index',
        events: {
          uploadOver: () => {
            // 问题修改完成后更新状态
            this.fetchClueQuestion();
          },
        },
        success: res => {
          res.eventChannel.emit('acceptClueQuestionData', {
            question,
            clue: this.data.clue,
            isInternal: this.data.clueTask.internalTask,
          });
        },
      });
    },

    addQuestion() {
      wx.navigateTo({
        url: '/pages/cluetask/question/index',
        events: {
          uploadOver: () => {
            // 问题提交完成后更新状态
            this.fetchClueQuestion();
          },
        },
        success: res => {
          res.eventChannel.emit('acceptClueQuestionData', {
            clue: this.data.clue,
            isInternal: this.data.clueTask.internalTask,
          });
        },
      });
    },

    closeDialog() {
      this.setData({ showDelete: false });
    },
  },
});