|
@@ -39,10 +39,6 @@
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<el-divider />
|
|
<el-divider />
|
|
|
- <!-- <div class="problem-type">
|
|
|
|
|
- <div>问题类型:</div>
|
|
|
|
|
- <div class="type-content">{{ problemTypeName[props.problemData.problemType] }}</div>
|
|
|
|
|
- </div> -->
|
|
|
|
|
<div class="problem-describe">
|
|
<div class="problem-describe">
|
|
|
<div>评论内容:</div>
|
|
<div>评论内容:</div>
|
|
|
<div class="problem-content">{{ props.problemData.comment }}</div>
|
|
<div class="problem-content">{{ props.problemData.comment }}</div>
|
|
@@ -91,86 +87,42 @@
|
|
|
<div v-if="props.problemData.isReplied === REPLYSTATUS.replied" style="position: relative">
|
|
<div v-if="props.problemData.isReplied === REPLYSTATUS.replied" style="position: relative">
|
|
|
<el-input type="textarea" v-model="props.problemData.reply" rows="3" disabled> </el-input>
|
|
<el-input type="textarea" v-model="props.problemData.reply" rows="3" disabled> </el-input>
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
- <!-- <el-collapse v-if="props.problemData.problemStatus === STATUS.handled" v-model="activeNames">
|
|
|
|
|
- <el-collapse-item name="1">
|
|
|
|
|
- <template #title>
|
|
|
|
|
- <div class="problem-describe">
|
|
|
|
|
- <div>处理人:</div>
|
|
|
|
|
- <div class="problem-content">{{ props.problemData.processorName }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </template>
|
|
|
|
|
- <div class="problem-describe">
|
|
|
|
|
- <div>处理措施:</div>
|
|
|
|
|
- <div class="problem-content">{{ props.problemData.dealMethod }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </el-collapse-item>
|
|
|
|
|
- </el-collapse> -->
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
|
<script setup lang="ts">
|
|
|
import { ref, computed } from 'vue';
|
|
import { ref, computed } from 'vue';
|
|
|
- // import { useRouter } from 'vue-router';
|
|
|
|
|
import { Records, REPLYSTATUS, COMMENTSTATUS, undateCommentStatus, replyComment } from '@/api/comments/comments';
|
|
import { Records, REPLYSTATUS, COMMENTSTATUS, undateCommentStatus, replyComment } from '@/api/comments/comments';
|
|
|
- // import useHandleStore from '../useHandleStore';
|
|
|
|
|
- // import { storeToRefs } from 'pinia';
|
|
|
|
|
- // import { problemTypeName } from '../constant';
|
|
|
|
|
-
|
|
|
|
|
- // const useSingle = useHandleStore();
|
|
|
|
|
- // const { singleFeedback } = storeToRefs(useSingle);
|
|
|
|
|
-
|
|
|
|
|
- // const router = useRouter();
|
|
|
|
|
const props = defineProps<{
|
|
const props = defineProps<{
|
|
|
problemData: Records;
|
|
problemData: Records;
|
|
|
reFreshList: () => unknown;
|
|
reFreshList: () => unknown;
|
|
|
}>();
|
|
}>();
|
|
|
|
|
|
|
|
- // const showComment = ref<boolean>(false);
|
|
|
|
|
- // const replyed = ref<boolean>(false);
|
|
|
|
|
-
|
|
|
|
|
- // const activeNames = ref<string>('');
|
|
|
|
|
const problemImageUrls = computed(() => {
|
|
const problemImageUrls = computed(() => {
|
|
|
const imageUrlString = props.problemData.picUrl;
|
|
const imageUrlString = props.problemData.picUrl;
|
|
|
return imageUrlString ? imageUrlString.split(',') : [];
|
|
return imageUrlString ? imageUrlString.split(',') : [];
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
- // const handleProblem = () => {
|
|
|
|
|
- // singleFeedback.value = props.problemData;
|
|
|
|
|
- // router.push('/system/feedback-handle');
|
|
|
|
|
- // };
|
|
|
|
|
const hideComment = () => {
|
|
const hideComment = () => {
|
|
|
- // showComment.value = false;
|
|
|
|
|
undateCommentStatus({ id: props.problemData.id, status: COMMENTSTATUS.rejected }).then(() => {
|
|
undateCommentStatus({ id: props.problemData.id, status: COMMENTSTATUS.rejected }).then(() => {
|
|
|
props.reFreshList();
|
|
props.reFreshList();
|
|
|
- // console.log('隐藏成功');
|
|
|
|
|
});
|
|
});
|
|
|
- // console.log('隐藏');
|
|
|
|
|
};
|
|
};
|
|
|
const displayComment = () => {
|
|
const displayComment = () => {
|
|
|
- // showComment.value = true;
|
|
|
|
|
undateCommentStatus({ id: props.problemData.id, status: COMMENTSTATUS.passed }).then(() => {
|
|
undateCommentStatus({ id: props.problemData.id, status: COMMENTSTATUS.passed }).then(() => {
|
|
|
props.reFreshList();
|
|
props.reFreshList();
|
|
|
- // console.log('显示成功');
|
|
|
|
|
});
|
|
});
|
|
|
- // console.log('显示');
|
|
|
|
|
};
|
|
};
|
|
|
const submitReply = () => {
|
|
const submitReply = () => {
|
|
|
- // replyed.value = true;
|
|
|
|
|
replyComment({ id: props.problemData.id, reply: replyContent.value }).then(() => {
|
|
replyComment({ id: props.problemData.id, reply: replyContent.value }).then(() => {
|
|
|
openReply.value = false;
|
|
openReply.value = false;
|
|
|
props.reFreshList();
|
|
props.reFreshList();
|
|
|
- // console.log('隐藏成功');
|
|
|
|
|
});
|
|
});
|
|
|
- // console.log('回复');
|
|
|
|
|
};
|
|
};
|
|
|
|
|
|
|
|
const openReply = ref(false);
|
|
const openReply = ref(false);
|
|
|
|
|
|
|
|
const replyContent = ref('回复:');
|
|
const replyContent = ref('回复:');
|
|
|
- // const testContent = ref(
|
|
|
|
|
- // '回复:3月7日,中共中央政治局委员、外交部长王毅谈中美关系时对美国连发5问,并表示,相互尊重是中美关系的重要前提。',
|
|
|
|
|
- // );
|
|
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped>
|
|
<style scoped>
|