diff --git a/jero-web/src/views/projectManagement/projectNonConformance/index.vue b/jero-web/src/views/projectManagement/projectNonConformance/index.vue
index 7038c89cd..2c6e8bce4 100644
--- a/jero-web/src/views/projectManagement/projectNonConformance/index.vue
+++ b/jero-web/src/views/projectManagement/projectNonConformance/index.vue
@@ -22,32 +22,43 @@
         </a-col>
         <a-col :md="6" :sm="8">
           <div class="box-title-text">
-            <div class="title-text" :title="$t('ProcessType')">
-              <span>{{$t('ProcessType')}}</span>
+            <div class="title-text" style="width: 64px" :title="$t('areaOfResponsibility')">
+              <span>{{$t('areaOfResponsibility')}}</span>
             </div>
-            <a-select allowClear
-                      class="box-input"
-                      v-model="queryParam.flowType"
-                      :placeholder="$t('PleaseSelect')+$t('ProcessType')">
-              <a-select-option :value="this.$t('designComplianceReview')">
-               <span class="itemOption">
-                     {{ $t('designComplianceReview') }}
-               </span>
-              </a-select-option>
-              <a-select-option :value="this.$t('preHomeConfirmation')">
-               <span class="itemOption">
-                     {{ $t('preHomeConfirmation') }}
-               </span>
-              </a-select-option>
-              <a-select-option :value="this.$t('verificationComplianceReview')">
-               <span class="itemOption">
-                     {{ $t('verificationComplianceReview') }}
-               </span>
-              </a-select-option>
-            </a-select>
+            <j-dict-select-tag class="box-input" v-model="queryParam.dutyTerritory"
+                               :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"
+                               :type="'select'"
+                               :triggerChange="false" :dictCode="'duty_territory'"/>
           </div>
         </a-col>
         <template v-if="toggleSearchStatus">
+          <a-col :md="6" :sm="8">
+            <div class="box-title-text">
+              <div class="title-text" :title="$t('ProcessType')">
+                <span>{{$t('ProcessType')}}</span>
+              </div>
+              <a-select allowClear
+                        class="box-input"
+                        v-model="queryParam.flowType"
+                        :placeholder="$t('PleaseSelect')+$t('ProcessType')">
+                <a-select-option :value="this.$t('designComplianceReview')">
+               <span class="itemOption">
+                     {{ $t('designComplianceReview') }}
+               </span>
+                </a-select-option>
+                <a-select-option :value="this.$t('preHomeConfirmation')">
+               <span class="itemOption">
+                     {{ $t('preHomeConfirmation') }}
+               </span>
+                </a-select-option>
+                <a-select-option :value="this.$t('verificationComplianceReview')">
+               <span class="itemOption">
+                     {{ $t('verificationComplianceReview') }}
+               </span>
+                </a-select-option>
+              </a-select>
+            </div>
+          </a-col>
           <a-col :md="6" :sm="8">
             <div class="box-title-text">
               <div class="title-text" :title="$t('RelatedItems')">
@@ -183,27 +194,38 @@
           {
             title: this.$t('standard'),
             align: 'center',
-            dataIndex: 'serialNumber'
+            dataIndex: 'serialNumber',
+            ellipsis: true
           },
           {
             title: this.$t('title'),
             align: 'center',
-            dataIndex: 'title'
+            dataIndex: 'title',
+            ellipsis: true
+          },
+          {
+            title: this.$t('areaOfResponsibility'),
+            align: 'center',
+            dataIndex: 'dutyTerritory_dictText',
+            ellipsis: true
           },
           {
             title: this.$t('ProcessType'),
             align: 'center',
-            dataIndex: 'flowType'
+            dataIndex: 'flowType',
+            ellipsis: true
           },
           {
             title: this.$t('RelatedItems'),
             align: 'center',
-            dataIndex: 'projectName'
+            dataIndex: 'projectName',
+            ellipsis: true
           },
           {
             title: this.$t('problemType'),
             align: 'center',
-            dataIndex: 'problemType'
+            dataIndex: 'problemType',
+            ellipsis: true
           },
           {
             title: this.$t('Sponsor'),
@@ -221,7 +243,7 @@
         pageNo: 1,
         url: {
           page: '/project/ncrTrackController/queryPage',
-          exportData: ''
+          exportData: '/project/ncrTrackController/exportData'
         }
       }
     },
@@ -287,7 +309,10 @@
           ...this.queryParam,
           ids: selectedRowKeys.join(',')
         }
-        downloadFile(this.url.exportData, this.$route.query.projectName + this.$t('listOfRegulations') + '.zip', query, this.Deselect)
+        downloadFile(this.url.exportData, this.$t('NonConformance') + '.xls', query, this.Deselect)
+      },
+      Deselect() {
+        this.selectedRowKeys = []
       },
       PersonnelSelectionChange(value, id) {
         this.queryParam[value] = id