责任部门查询

jero-web/src/views/projectManagement/components/nonConformance.vue

@@ -59,13 +59,26 @@
             </a-col>
             <a-col :md="6" :sm="8">
               <div class="box-title-text">
-                <div class="title-text" :title="$t('areaOfResponsibility')">
+                <div class="title-text" :title="$t('statisticalNodes')">
-                  <span>{{$t('areaOfResponsibility')}}</span>
+                  <span>{{$t('statisticalNodes')}}</span>
                 </div>
-                <j-dict-select-tag class="box-input" v-model="queryParam.dutyTerritory"
+                <a-select :placeholder="$t('PleaseSelect')+$t('statisticalNodes')"
-                                   :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"
+                          allowClear
-                                   :type="'select'"
+                          show-search
-                                   :triggerChange="false" :dictCode="'duty_territory'"/>
+                          mode="multiple"
+                          class="box-input-search"
+                          optionFilterProp="label"
+                          :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                          v-model="queryParam.dutyTerritory">
+                  <a-select-option v-for="(item, key) in firstLevelDutyTerritoryList"
+                                   :key="key"
+                                   :label="item.key"
+                                   :value="item.key">
+                               <span style="display: inline-block;width: 100%" :title=" item.key ">
+                                     {{ item.key }}
+                               </span>
+                  </a-select-option>
+                </a-select>
               </div>
             </a-col>
             <a-col :md="6" :sm="8">
@@ -214,6 +227,7 @@ export default {
       dataSource: [],
       selectedRowKeys: [],
       projectNameList: [],
+      firstLevelDutyTerritoryList:[],
       ProblemstateList:[this.$t('red'),this.$t('yellow'),this.$t('green'),],
       // CertificationColor: {
       //   $t('red'): 'nonConformityColor',
@@ -325,6 +339,7 @@ export default {
     this.long = localStorage.getItem('language') || 'zh-cn'
     this.getList()
     this.getNameList()
+    this.getFirstLevelDutyTerritory()
   },
   watch: {
     '$socketPublic.state.msg': {
@@ -339,6 +354,15 @@ export default {
     }
   },
   methods: {
+    getFirstLevelDutyTerritory() {
+      getAction('/sys/dictItem/getFirstLevelDutyTerritory', {}).then((res) => {
+        if (res.success) {
+          this.firstLevelDutyTerritoryList = res.result
+        } else {
+          this.firstLevelDutyTerritoryList = []
+        }
+      })
+    },
     getNameList() {
       getAction('/project/projectNameInfoEO/queryProjectNameList', {}).then((res) => {
         if (res.success) {

jero-web/src/views/projectManagement/projectNonConformance/index.vue

@@ -59,13 +59,26 @@
             </a-col>
             <a-col :md="6" :sm="8">
               <div class="box-title-text">
-                <div class="title-text" :title="$t('areaOfResponsibility')">
+                <div class="title-text" :title="$t('statisticalNodes')">
-                  <span>{{$t('areaOfResponsibility')}}</span>
+                  <span>{{$t('statisticalNodes')}}</span>
                 </div>
-                <j-dict-select-tag class="box-input" v-model="queryParam.dutyTerritory"
+                <a-select :placeholder="$t('PleaseSelect')+$t('statisticalNodes')"
-                                   :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"
+                          allowClear
-                                   :type="'select'"
+                          show-search
-                                   :triggerChange="false" :dictCode="'duty_territory'"/>
+                          mode="multiple"
+                          class="box-input-search"
+                          optionFilterProp="label"
+                          :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                          v-model="queryParam.dutyTerritory">
+                  <a-select-option v-for="(item, key) in firstLevelDutyTerritoryList"
+                                   :key="key"
+                                   :label="item.key"
+                                   :value="item.key">
+                               <span style="display: inline-block;width: 100%" :title=" item.key ">
+                                     {{ item.key }}
+                               </span>
+                  </a-select-option>
+                </a-select>
               </div>
             </a-col>
             <a-col :md="6" :sm="8">
@@ -213,6 +226,7 @@
         loading: false,
         dataSource: [],
         selectedRowKeys: [],
+        firstLevelDutyTerritoryList:[],
         projectNameList: [],
         ProblemstateList:[this.$t('red'),this.$t('yellow'),this.$t('green'),],
         // CertificationColor: {
@@ -325,6 +339,7 @@
       this.long = localStorage.getItem('language') || 'zh-cn'
       this.getList()
       this.getNameList()
+      this.getFirstLevelDutyTerritory()
     },
     watch: {
       '$socketPublic.state.msg': {
@@ -339,6 +354,15 @@
       }
     },
     methods: {
+      getFirstLevelDutyTerritory() {
+        getAction('/sys/dictItem/getFirstLevelDutyTerritory', {}).then((res) => {
+          if (res.success) {
+            this.firstLevelDutyTerritoryList = res.result
+          } else {
+            this.firstLevelDutyTerritoryList = []
+          }
+        })
+      },
       getNameList() {
         getAction('/project/projectNameInfoEO/queryProjectNameList', {}).then((res) => {
           if (res.success) {