优化评价列表

src/assets/styles/diythem.scss

@@ -172,3 +172,9 @@
 .image-view {
   border: 1px solid #e6ebf5;
 }
+
+.dialog-box {
+  .pagination-container {
+    height: 10px;
+  }
+}

src/views/netZoology/netArticle/index.vue

@@ -71,14 +71,14 @@
         v-hasPermi="['zongzhi:article:add']"
         >新增</el-button
       >
-      <el-button
+      <!-- <el-button
         type="success"
         size="mini"
         :disabled="single"
         @click="handleUpdate"
         v-hasPermi="['zongzhi:article:edit']"
         >修改</el-button
-      >
+      > -->
       <el-button
         type="danger"
         size="mini"
@@ -143,11 +143,8 @@
           >
             查看
           </el-button>
-          <el-button
+          <!-- v-show="scope.row.status == 2" -->
-            v-show="scope.row.status == 2"
+          <el-button type="info" size="mini" @click="handPj(scope.row)"
-            type="info"
-            size="mini"
-            @click="handPj(scope.row)"
             >评价</el-button
           >
           <el-button
@@ -289,24 +286,28 @@
           <dict-tag :options="dict.type.tc_pj_status" :value="form.status" />
         </el-descriptions-item>
       </el-descriptions>
-      <div style="margin-top: 15px"></div>
+      <div
-      <el-descriptions
+        style="margin: 10px; font-size: 16px; font-weight: bold; color: #333"
-        v-if="form.status == 1"
-        title="评价详情"
-        :column="2"
-        border
-        labelClassName="desLable"
       >
-        <el-descriptions-item label="评价人">{{
+        评价列表
-          formPj.appraiserName
+      </div>
-        }}</el-descriptions-item>
+      <el-table v-loading="loadingPj" :data="pjData">
-        <el-descriptions-item label="评价时间">{{
+        <el-table-column label="评价人" align="center" prop="appraiserName" />
-          formPj.createTime
+        <el-table-column label="评价时间" align="center" prop="createTime" />
-        }}</el-descriptions-item>
+        <el-table-column
-        <el-descriptions-item label="评价内容" :span="2">{{
+          label="评价内容"
-          formPj.pjContent
+          align="center"
-        }}</el-descriptions-item>
+          prop="pjContent"
-      </el-descriptions>
+          :show-overflow-tooltip="true"
+        />
+      </el-table>
+      <pagination
+        v-show="totalPj > 0"
+        :total="totalPj"
+        :page.sync="PjParams.pageNum"
+        :limit.sync="PjParams.pageSize"
+        @pagination="getListPj"
+      />
     </el-dialog>
 
     <el-dialog
@@ -395,9 +396,7 @@ export default {
         pageNum: 1,
         pageSize: 10,
         type: null,
-
         releaseTime: null,
-
         source: null,
       },
       // 表单参数
@@ -405,6 +404,14 @@ export default {
       // 表单校验
       rules: {},
       formPj: {},
+      pjData: [],
+      PjParams: {
+        articleId: null,
+        pageNum: 1,
+        pageSize: 10,
+      },
+      loadingPj: true,
+      totalPj: 0,
       currentData: {},
     };
   },
@@ -473,7 +480,6 @@ export default {
     },
     // 表单重置
     reset() {
-      this.formPj = {};
       this.form = {
         id: null,
 
@@ -505,6 +511,14 @@ export default {
         status: null,
       };
       this.resetForm("form");
+      this.formPj = {};
+      this.pjData = [];
+      this.PjParams = {
+        articleId: null,
+        pageNum: 1,
+        pageSize: 10,
+      };
+      this.totalPj = 0;
     },
     /** 搜索按钮操作 */
     handleQuery() {
@@ -530,17 +544,25 @@ export default {
         this.form = response.data;
         if (row.status == 1) {
           //评价过查询详情
-          listEvaluate({ articleId: id }).then((res) => {
+          this.PjParams.articleId = id;
-            this.formPj = res.rows[0];
+          this.getListPj();
-            this.infoOpen = true;
+          this.infoOpen = true;
-            this.infoTitle = "查看网络文章详情";
+          this.infoTitle = "查看网络文章详情";
-          });
         } else {
           this.infoOpen = true;
           this.infoTitle = "查看网络文章详情";
         }
       });
     },
+    getListPj() {
+      this.loadingPj = true;
+      listEvaluate(this.PjParams).then((response) => {
+        this.pjData = response.rows;
+        this.totalPj = response.total;
+        this.loadingPj = false;
+      });
+    },
+
     /** 新增按钮操作 */
     handleAdd() {
       this.reset();