diff --git a/jero-web/src/views/projectManagement/components/nonConformance.vue b/jero-web/src/views/projectManagement/components/nonConformance.vue
index 2af6ec662..9f25f6e31 100644
--- a/jero-web/src/views/projectManagement/components/nonConformance.vue
+++ b/jero-web/src/views/projectManagement/components/nonConformance.vue
@@ -7,8 +7,8 @@
             <div class="title-text" :title="$t('standard')">
               <span>{{$t('standard')}}</span>
             </div>
-            <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('standard')"
-                     v-model="queryParam.serialNumber"></a-input>
+            <j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('standard')"
+                     v-model="queryParam.serialNumber"></j-input>
           </div>
         </a-col>
         <a-col :md="6" :sm="8">
@@ -16,13 +16,13 @@
             <div class="title-text" :title="$t('title')">
               <span>{{$t('title')}}</span>
             </div>
-            <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('title')"
-                     v-model="queryParam.title"></a-input>
+            <j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('title')"
+                     v-model="queryParam.title"></j-input>
           </div>
         </a-col>
         <a-col :md="6" :sm="8">
           <div class="box-title-text">
-            <div class="title-text" style="width: 64px"  :title="$t('areaOfResponsibility')">
+            <div class="title-text" style="width: 64px" :title="$t('areaOfResponsibility')">
               <span>{{$t('areaOfResponsibility')}}</span>
             </div>
             <j-dict-select-tag class="box-input" v-model="queryParam.dutyTerritory"
@@ -51,7 +51,7 @@
       >
       </a-table>
     </div>
-    <div class="page">
+    <div class="page" v-if="dataSource.length > 0">
       <a-pagination
         :show-total="total => $t('total')+` ${total} `+$t('strip')"
         show-quick-jumper
@@ -66,6 +66,8 @@
 </template>
 
 <script>
+  import { getAction, postAction, downloadFile, deleteAction } from '@/api/manage'
+
   export default {
     name: 'nonConformance',
     data() {
@@ -99,26 +101,23 @@
             align: 'center',
             dataIndex: 'problemType'
           },
-          {
-            title: this.$t('problemType'),
-            align: 'center',
-            dataIndex: 'problemType'
-          },
           {
             title: this.$t('Sponsor'),
             align: 'center',
-            dataIndex: 'Sponsor'
+            dataIndex: 'initiator'
           },
           {
             title: this.$t('personLiable'),
             align: 'center',
-            dataIndex: 'personLiable'
+            dataIndex: 'duty'
           }
         ],
         total: 0,
         pageSize: 10,
         pageNo: 1,
-        url: {}
+        url: {
+          page: '/project/ncrTrackController/queryPage'
+        }
       }
     },
     mounted() {
@@ -144,7 +143,22 @@
         this.getList()
       },
       getList() {
-
+        let query = {
+          pageNo: this.pageNo,
+          pageSize: this.pageSize,
+          projectLibraryId:this.$route.query.id,
+          ...this.queryParam
+        }
+        getAction(this.url.page, query).then((res) => {
+          if (res.success) {
+            this.dataSource = res.result.records || []
+            this.total = res.result.total
+            this.loading = false
+          } else {
+            this.dataSource = []
+            this.loading = false
+          }
+        })
       }
     }
   }