搜索结果列表页面开发

src/views/Mobile/Repo/Merge/components/DiscussionItem.vue

@@ -0,0 +1,177 @@
+<template>
+  <DiscussionItem
+    v-bind="$props"
+    :eventIcon="eventIcon === undefined ? 'gt-comment' : eventIcon"
+    :data="data"
+    :origin="origin"
+    :body="temp?.body"
+    :repo-id="repoId"
+    @save-content="saveDescription"
+    :can-delete="author?.username === user?.username"
+    :can-edit="author?.username === user?.username"
+    :loading="loading"
+    :targetId="temp?.iid"
+    @on-remove="handleDelete"
+    @quote-reply="$emit('quote-reply', temp?.body)"
+    @reply-discussion="handleReply"
+    :resolvable="temp.resolvable"
+    :resolved="resolvable === false ? false : temp.resolved"
+    @resolve-stat-change="resolveStatChange"
+    :event-msg="hasDiff ? undefined : '评论：'"
+    :diff="hasDiff ? temp.diff : ''"
+    :diffFile="hasDiff ? temp.diff_file : ''"
+    :addedLines="hasDiff ? origin.added_lines : undefined"
+    :removedLines="hasDiff ? origin.removed_lines : undefined"
+    :sourceBranch="sourceBranch"
+    :formatIng="formatIng"
+    @doFormat="doFormat"
+    :hasDiff="hasDiff"
+    :canResolve="canResolve"
+    ref="RefDiscussion"
+  >
+    <slot></slot>
+  </DiscussionItem>
+</template>
+<script lang="ts" setup>
+defineOptions({ name: 'MrDiscussionItem' });
+import { ref, computed, inject, type Ref } from 'vue';
+import DiscussionItem from '@/views/Repo/components/DiscussionItem/index.vue';
+import {
+  updateMRDiscussion,
+  delMRDiscussionsNote,
+  replayDiscussionsNote,
+  changes
+} from '@/api/merge';
+import { reqCatch } from '@/utils/catch';
+import debounce from 'lodash/debounce';
+import { repoInfoStore } from '@/stores/Repo';
+const { isDeveloper } = repoInfoStore();
+const isMrAuthor = inject('isMrAuthor') as Ref;
+const mrInfo = inject('mrInfo') as Ref;
+const repoId = inject('repoId') as Ref;
+const iid = inject('iid') as number;
+const mergeAbleChange = inject('mergeAbleChange') as Function;
+const updatePage = inject('updatePage') as Function;
+const props = defineProps<{
+  data: any;
+  origin: any;
+  hasDiff?: boolean;
+  eventIcon?: string;
+  author: any;
+  user: any;
+  resolvable?: any;
+}>();
+const key = ref(0);
+const RefDiscussion = ref();
+const loading = ref(false);
+const formatIng = ref(false);
+const temp = ref(props.data);
+const sourceBranch = computed(() => mrInfo.value?.source_branch);
+
+/**
+ * 1、建议级别：MR作者、评论者、开发者及以上权限可操作。
+ * 2、一般及以上级别：评论者、开发者及以上权限可操作，MR作者不可操作，即使有以上权限也不行。
+ */
+const canResolve = computed(() => {
+  if (mrInfo.value?.author?.username !== props.author?.username) {
+    return false;
+  } else if (isDeveloper) {
+    return true;
+  } else {
+    return false;
+  }
+});
+
+const emit = defineEmits<{
+  'delete': [];
+  'quote-reply': [value: string];
+  'add-reply': [obj: object];
+}>();
+
+/**
+ * 修改评论
+ */
+const saveDescription = async(str: string) => {
+  loading.value = true;
+  const res = await reqCatch(updateMRDiscussion, {
+    project_id: repoId.value,
+    merge_request_iid: iid,
+    discussion_id: props.origin.id,
+    body: str
+  });
+  loading.value = false;
+  if (!res.error) {
+    temp.value.body = str;
+    key.value++;
+    RefDiscussion.value.reset();
+  }
+};
+
+/**
+ * 修改问题解决状态
+ */
+const resolveStatChange = debounce(async(blod: boolean) => {
+  const res = await reqCatch(updateMRDiscussion, {
+    project_id: repoId.value,
+    merge_request_iid: iid,
+    discussion_id: props.origin.id,
+    resolved: blod
+  });
+
+  if (!res.error) {
+    temp.value = res.data.data.notes[0];
+    mergeAbleChange();
+    updatePage();
+  }
+}, 500);
+
+/**
+ * 删除评论
+ */
+const handleDelete = async() => {
+  const res = await reqCatch(delMRDiscussionsNote, {
+    project_id: repoId.value,
+    merge_request_iid: iid,
+    note_id: props.data.id
+  });
+
+  if (!res.error) {
+    emit('delete');
+  }
+};
+
+/**
+ * 回复
+ */
+const handleReply = async(str: string) => {
+  const res = await reqCatch(replayDiscussionsNote, {
+    project_id: repoId.value,
+    merge_request_iid: iid,
+    discussion_id: props.origin.id,
+    body: str
+  });
+
+  if (!res.error) {
+    const msg = res.data.data;
+    RefDiscussion.value.reset();
+    key.value++;
+    emit('add-reply', msg);
+  }
+};
+
+/**
+ * 转码
+ */
+const doFormat = async() => {
+  formatIng.value = true;
+  const res = changes({
+    file_path: sourceBranch,
+    ignore_whitespace_change: false,
+    view: 'simple',
+    force_encode: true,
+    repoId: repoId.value,
+    iid: iid
+  });
+  formatIng.value = false;
+};
+</script>