nengli

client/src/router/index.js

@@ -119,7 +119,7 @@ export const asyncRoutes = [
         path: 'records',
         name: 'Records',
         component: () => import('@/views/ability/records.vue'),
-        meta: { title: '资质能力报送任务', perms: ['records_view'] }
+        meta: { title: '资质能力报送任务', perms: ['record_view'] }
       },
     ]
 

client/src/views/ability/records.vue

@@ -48,8 +48,8 @@
    
       <el-table
       style="margin-top:4px"
-        :data="TableList"
-        border
+        :data="TableList.results"
+         border
         fit
         stripe
         highlight-current-row
@@ -57,11 +57,11 @@
       >
         <el-table-column type="index" width="50" />
          <el-table-column align="center" label="上报说明">
-            <template slot-scope="scope">
+            <template slot-scope="scope"  v-if="scope.row.noteb">
              {{ scope.row.noteb }}
         </template>
         </el-table-column>
- <el-table-column label="报送文件">
+         <el-table-column label="报送文件">
         <template slot-scope="scope" v-if="scope.row.files">
          
           <div v-for="item in scope.row.files_" v-bind:key="item.id">
@@ -71,6 +71,15 @@
           </div>
         </template>
       </el-table-column>
+       <el-table-column
+          label="报送单位"
+          sortable="custom"
+          prop="belong_dept__sort"
+        >
+          <template slot-scope="scope" v-if="scope.row.belong_dept">{{
+            scope.row.belong_dept_.name
+          }}</template>
+        </el-table-column>
         <el-table-column
           align="center"
           label="操作"
@@ -110,6 +119,13 @@
           </template>
         </el-table-column>
       </el-table>
+       <pagination
+        v-show="TableList.count > 0"
+        :total="TableList.count"
+        :page.sync="listQuery.page"
+        :limit.sync="listQuery.page_size"
+        @pagination="getrecordlist"
+      />
     </el-card>
           </el-col>
       </el-row>
@@ -184,13 +200,14 @@ import { getRecordList, createRecord, updateRecord,
   deleteRecord, } from "@/api/record";
 import { getContentList } from "@/api/content";
 import checkPermission from "@/utils/permission";
+import Pagination from "@/components/Pagination";
 import { upUrl, upHeaders } from "@/api/file";
 const defaultContent = {
   noteb:"",
   files:[],
 };
 export default {
-  components: { },
+  components: {Pagination },
   data() {
     return {
      
@@ -202,7 +219,10 @@ export default {
       fileList: [],
       recordTable:defaultContent,
       TableList: [],
-     
+      listQuery: {
+        page: 1,
+        page_size: 20,
+      },
       listLoading: true,
       dialogType: "new",
      
@@ -233,7 +253,8 @@ export default {
     
     },
     getrecordlist(){
-      getRecordList({pageoff:true,can_doself: true}).then((response) => {
+      this.listQuery.can_doself= true;
+      getRecordList(this.listQuery).then((response) => {
         if (response.data) {
           this.TableList = response.data;
         }
@@ -241,8 +262,11 @@ export default {
     },
     //点击材料清大，弹出该清单下对应报送任务
      recorclickRow(row) {
-       this.content=row.id;
-      getRecordList({pageoff:true,can_doself: true,content:this.content}).then((response) => {
+       this.listQuery.can_doself= true;
+      this.listQuery.content= row.id;
+      this.content = row.id;
+      
+      getRecordList(this.listQuery).then((response) => {
         if (response.data) {
           this.TableList = response.data;
         }