lcw

src/views/backOfficeSystem/MakeAcomment/components/a/addForm.vue

@@ -1,9 +1,10 @@
 <template>
-  <div class="dialog" v-if="dialogForm" v-infinite-scroll="load" :infinite-scroll-disabled="disabled">
+  <!--  v-if="dialogForm"  -->
+  <div v-infinite-scroll="load" :infinite-scroll-disabled="disabled">
     <!-- class="head_box" -->
-    <div style="position: sticky;top: 0;float: right;">
+    <!-- <div style="position: sticky;top: 0;float: right;">
       <el-button size="small" @click="close">关闭</el-button>
-    </div>
+    </div> -->
     <div class="content_box">
       <div>
         <div class="title_box">{{ listQuery.xsMc }}</div>
@@ -35,8 +36,11 @@
       </div>
 
       <div class="title_box virtual">评论列表</div>
-      <CommentList v-for="(item, index) in pagesData.listData" :key="index" :index="index" :item="item"
+      <div style="height: 38vh;overflow: auto;">
+        <CommentList v-for="(item, index) in pagesData.listData" :key="index" :index="index" :item="item"
         @postReply="postReply" @delComment="delComment" :userInfo="userInfo" @cjpjZan="cjpjZan"/>
+      </div>
+
       <div class="sticky">
         <div class="title_box virtual">发表评论</div>
         <div class="flex flex-column ">
@@ -58,36 +62,35 @@ import { ref, reactive, toRaw, watch, onMounted, onUnmounted } from "vue";
 import CommentList from '../itemXs/commentList.vue'
 import { getItem } from '@/utils/storage.js'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import emitter from "@/utils/eventBus.js";
 const emit = defineEmits(["updateDate"]);
 const props = defineProps({
   dict: {
     type: Object,
     default: () => ({})
+  }, msgeDat: {
+    type: Object,
+    default: () => ({})
   }
 });
-
-const dialogForm = ref(false); //弹窗
 const listQuery = ref({})
+// 初始化数据
+const commentInit = (row) => {
+  // 根据id查询详情
+  qcckGet({ id: row }, "/mosty-gsxt/qbcj/selectByid").then((res) => {
+    listQuery.value = res;
+    cjpjSelectPage()
+    }).catch((err) => {
+      console.log(err);
+    });
+
+};
+watch(() => props.msgeDat, (newVal) => {
+    commentInit(newVal.id)
+},{deep: true,immediate: true})
+
 const textarea2 = ref()
 const userInfo = ref(getItem('idEntityCard'))
-// 初始化数据
-const init = (row) => {
-  dialogForm.value = true;
-  // 根据id查询详情
-  if (row) {
-    qcckGet({ id: row }, "/mosty-gsxt/qbcj/selectByid").then((res) => {
-      listQuery.value = res;
-    });
-    cjpjSelectPage()
-  }
 
-};
-// 关闭
-const close = () => {
-  dialogForm.value = false;
-  pagesData.pagebreak.pageCurrent = 1
-};
 const pagesData = reactive({
   total: 0,
   pagebreak: {
@@ -184,8 +187,6 @@ const cjpjZan = (val,data) => {
 const disabled = ref(false)
 
 
-defineExpose({ init });
-
 const load = () => {
   if (pagesData.pagebreak.pageCurrent < pagesData.total) {
     pagesData.pagebreak.pageCurrent++
@@ -281,7 +282,7 @@ const load = () => {
 }
 
 .itemXs_Xs {
-  width: 18%;
+  // width: 18%;
   font-size: 14px;
   color: #6c6c6c;
   line-height: 20px;

src/views/backOfficeSystem/MakeAcomment/components/itemXs/commentList.vue

@@ -187,7 +187,7 @@ const handleLike = (item) => {
 
       .itemXs_time {
         justify-content: space-between;
-        width: 23%;
+        // width: 23%;
         align-items: center;
         color: #000;
 

src/views/backOfficeSystem/MakeAcomment/components/itemXs/replyList.vue

@@ -1,11 +1,9 @@
 <template>
-  <div>
     <CommentList v-for="(item, index) in pagesData.listData" :key="index" :item="item" @delComment="cjhfRemove" :userInfo="userInfo"/>
     <el-pagination v-if="pagesData.total > 10" v-model:current-page="pagesData.pagebreak.pageCurrent"
       v-model:page-size="pagesData.pagebreak.pageSize" :size="10" :disabled="false" :total="pagesData.total"
       @size-change="handleSizeChange" @current-change="handleCurrentChange" />
     <div style="text-align: center;width: 100%;height: 20px;" v-if="pagesData.total == 0">暂无回复</div>
-  </div>
 </template>
 <script setup>
 import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";