过滤数据

src/api/serviceManagement/servicesToBeReviewed/index.js

@@ -1,6 +1,5 @@
 import request from '@/router/axios';
 
-
 // 获取数据
 export function getTaskV2PageApi(query) {
   return request({
@@ -9,3 +8,12 @@ export function getTaskV2PageApi(query) {
     params: query
   });
 }
+
+// 获取任务数据
+export function getTaskTypeAvailApi(query) {
+  return request({
+    url: ' /admin/task/type/v2/avail',
+    method: 'get',
+    params: query
+  });
+}

src/views/serviceManagement/servicesToBeReviewed/index.vue

@@ -1,29 +1,14 @@
 <template>
   <basic-container>
-    <!-- <avue-crud
-      ref="crud"
-      :page.sync="page"
-      :data="tableData"
-      :table-loading="tableLoading"
-      @refresh-change="refreshChange"
-      @size-change="sizeChange"
-      @current-change="currentChange"
-      :option="tableOptin"
-    >
-      <template slot="menu" slot-scope="scope">
-        <el-button type="text" size="small" icon="el-icon-reading" @click="detailFn(scope.row)">{{ scope.row.read ? '已读' : '查阅' }} </el-button>
-      </template>
-    </avue-crud> -->
-
-    <vxe-table border show-overflow highlight-hover-row height="1000" :sort-config="{ trigger: 'cell' }" :data="tableData">
-      <vxe-table-column type="seq" width="100"></vxe-table-column>
+    <vxe-table border allAlign="center" show-overflow highlight-hover-row height="1000" :loading="tableLoading" :data="tableData" :scroll-y="{ enabled: false }">
+      <vxe-table-column type="seq" title="序号" width="100"></vxe-table-column>
       <vxe-table-column field="taskNumber" title="服务编号"></vxe-table-column>
       <vxe-table-column field="pkgName" title="执行包名称"></vxe-table-column>
-      <vxe-table-column field="taskTypeId" title="服务类型"></vxe-table-column>
+      <vxe-table-column field="taskTypeName" title="服务类型" width="200"></vxe-table-column>
       <vxe-table-column field="taskScore" title="服务分值"></vxe-table-column>
       <vxe-table-column field="salesName" title="推广员姓名"></vxe-table-column>
       <vxe-table-column field="createTime" title="服务提交时间"></vxe-table-column>
-      <vxe-table-column field="taskStatus" title="审核状态"></vxe-table-column>
+      <vxe-table-column field="taskStatusName" title="审核状态" width="100"></vxe-table-column>
       <vxe-table-column field="entName" title="服务提供商"></vxe-table-column>
       <vxe-table-column field="skuName" title="服务产品"></vxe-table-column>
     </vxe-table>
@@ -40,8 +25,9 @@
 </template>
 
 <script>
-import { getTaskV2PageApi } from '@/api/serviceManagement/servicesToBeReviewed/index';
+import { getTaskV2PageApi, getTaskTypeAvailApi } from '@/api/serviceManagement/servicesToBeReviewed/index';
 import { tableOptin } from './index.js';
+import { getDictType } from '@/api/common';
 
 export default {
   data() {
@@ -49,6 +35,8 @@ export default {
       tableOptin,
       tableData: [],
       tableLoading: false,
+      taskStatusArr: [],
+      taskTypeAvailArr: [],
       page: {
         pageSizes: [10, 50, 100, 300, 500],
         total: 0, // 总页数
@@ -57,13 +45,20 @@ export default {
       }
     };
   },
-  created() {
+  async created() {
+    await this.getDict();
     this.getList(this.page);
   },
   methods: {
+    getDict() {
+      getDictType({ type: 'task_status' }).then((res) => {
+        this.taskStatusArr = res.data.data;
+      });
+      getTaskTypeAvailApi().then((res) => {
+        this.taskTypeAvailArr = res.data.data;
+      });
+    },
     async getList(page, params) {
-      console.log('page', page);
-
       this.tableLoading = true;
       const obj = Object.assign(
         {
@@ -81,9 +76,14 @@ export default {
       this.tableLoading = false;
       if (res.data.code === 0) {
         this.tableData = res.data.data.records;
+        this.tableData.forEach((item) => {
+          const currA = this.taskTypeAvailArr.find((itn) => itn.id === item.taskTypeId);
+          const currB = this.taskStatusArr.find((itn) => itn.value === item.taskStatus);
+          item.taskTypeName = currA?.name ?? '';
+          item.taskStatusName = currB?.label ?? '';
+        });
         this.page.total = res.data.data.total;
       }
-      console.log('res', res);
     },
     pageChange(obj) {
       console.log('obj', obj);