opt: 优化流量限制功能

acs2/nladmin-ui/src/api/acs/regional/acsRegional.js

@@ -38,4 +38,11 @@ export function updateOn(id, is_active) {
   })
 }
 
-export default { add, edit, del, updateOn, reload }
+export function deviceByRegion() {
+  return request({
+    url: '/api/acsRegional/selectByRegion',
+    method: 'get'
+  })
+}
+
+export default { add, edit, del, updateOn, reload, deviceByRegion }

acs2/nladmin-ui/src/views/acs/regional/index.vue

@@ -40,13 +40,42 @@
             :label="$t('regional.table.origin_region')"
             prop="start_regional"
           >
-            <el-input v-model="form.start_regional" :disabled="crud.status.edit" style="width: 370px;" />
+            <!-- <el-input v-model="form.start_regional" :disabled="crud.status.edit" style="width: 370px;" /> -->
+            <el-select
+              v-model="form.start_regional"
+              filterable
+              clearable
+              reserve-keyword
+              :placeholder="$t('auto.common.please')"
+              style="width: 370px;"
+            >
+              <el-option
+                v-for="item in deviceRegion"
+                :key="item"
+                :label="item"
+                :value="item"
+              />
+            </el-select>
           </el-form-item>
           <el-form-item
             :label="$t('regional.table.target_region')"
-            prop="next_regional"
           >
-            <el-input v-model="form.next_regional" :disabled="crud.status.edit" style="width: 370px;" />
+            <!-- <el-input v-model="form.next_regional" :disabled="crud.status.edit" style="width: 370px;" /> prop="next_regional" -->
+            <el-select
+              v-model="form.next_regional"
+              filterable
+              clearable
+              reserve-keyword
+              :placeholder="$t('auto.common.please')"
+              style="width: 370px;"
+            >
+              <el-option
+                v-for="item in deviceRegion"
+                :key="item"
+                :label="item"
+                :value="item"
+              />
+            </el-select>
           </el-form-item>
           <el-form-item
             :label="$t('regional.table.origin_region_excluded_devices')"
@@ -237,6 +266,7 @@ export default {
   data() {
     return {
       deviceList: [],
+      deviceRegion: [],
       permission: {
         add: ['admin', 'acsRegional:add'],
         edit: ['admin', 'acsRegional:edit'],
@@ -268,6 +298,7 @@ export default {
         this.deviceList = data
       })
     })
+    this.deviceByRegions()
   },
   methods: {
     // 钩子：在获取表格数据之前执行，false 则代表不获取数据
@@ -281,6 +312,17 @@ export default {
         console.log(err.response.data.message)
       })
     },
+    deviceByRegions() {
+      console.log('-=================================')
+      crudAcsRegional.deviceByRegion()
+        .then(res => {
+          console.log(res)
+          this.deviceRegion = res
+        })
+        .catch(err => {
+          console.log(err.response.data.message)
+        })
+    },
     updateIsOn(id, is_active) {
       var msg = this.$t('regional.table.disabled')
       if (is_active === '1') {