From 809a536d0cc3c002a53d9420f5fc2eeb20cd2ec8 Mon Sep 17 00:00:00 2001
From: xu_lw <xu_lw@murongtech.com>
Date: Sun, 1 Sep 2019 21:22:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=80=E6=94=BE=E5=B9=B3=E5=8F=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/modules/opn/opnstrategy-mng.vue | 127 ++++++++++++++++
 .../src/views/modules/opn/opnstrategyinf1.vue | 139 ++++++++++++++++++
 2 files changed, 266 insertions(+)
 create mode 100644 console-web/src/views/modules/opn/opnstrategy-mng.vue
 create mode 100644 console-web/src/views/modules/opn/opnstrategyinf1.vue

diff --git a/console-web/src/views/modules/opn/opnstrategy-mng.vue b/console-web/src/views/modules/opn/opnstrategy-mng.vue
new file mode 100644
index 00000000..54de087f
--- /dev/null
+++ b/console-web/src/views/modules/opn/opnstrategy-mng.vue
@@ -0,0 +1,127 @@
+<template>
+  <div class="mod-config">
+    <el-row>
+      <el-select v-model="dataForm.strategy_id" placeholder="策略" style="width:100px" @change="strategySelectChange">
+        <el-option v-for="item in strategyList" :key="item.id" :label="item.name" :value="item.id"></el-option>
+      </el-select>
+      <el-button v-if="true||isAuth('opn:opninterfaceinf:add')" type="primary" size="mini" @click="addOrUpdateHandle()">管理</el-button>
+      <el-button type="primary" size="mini" @click="refreshStrategyList()">刷新</el-button>
+    </el-row>
+    <div style="padding: 10px"></div>
+    <el-row>
+      <el-tabs tab-position="left" v-model="activeIndex" style="height: 200px;" @tab-click="tabHandleClick">
+        <el-tab-pane label="鉴权方式">
+          <OpnStrategyAuthInf ref="opnStrategyAuthInf"></OpnStrategyAuthInf>
+        </el-tab-pane>
+        <el-tab-pane label="IP黑白名单">
+          <OpnStrategyIpInf ref="opnStrategyIpInf"></OpnStrategyIpInf>
+        </el-tab-pane>
+        <el-tab-pane label="流量控制">
+          <OpnStrategyFlowInf ref="opnStrategyIpInf"></OpnStrategyFlowInf>
+        </el-tab-pane>
+      </el-tabs>
+    </el-row>
+    <opn-strategy-inf v-if="opnStrategyInfVisible" ref="opnStrategyInf" @refreshDataList="refreshStrategyList"></opn-strategy-inf>
+  </div>
+</template>
+
+<script>
+  import AddOrUpdate from './opnstrategyinf-add-or-update'
+  import OpnStrategyIpInf from './opnstrategyipinf'
+  import OpnStrategyAuthInf from './opnstrategyauthinf'
+  import OpnStrategyFlowInf from './opnstrategyflowinf'
+  import OpnStrategyInf from './opnstrategyinf1'
+
+  import { isGDASucc } from '@/utils'
+
+  export default {
+    data() {
+      return {
+        opnStrategyInfVisible: false,
+        activeIndex: '0',
+        dataForm: {
+          strategy_id: '',
+          gateway_id: ''
+        },
+        strategyList: [],
+        dataList: [],
+        pageIndex: 1,
+        pageSize: 10,
+        totalPage: 0,
+        dataListLoading: false,
+        dataListSelections: [],
+        addOrUpdateVisible: false
+      }
+    },
+    components: {
+      AddOrUpdate,
+      OpnStrategyIpInf,
+      OpnStrategyAuthInf,
+      OpnStrategyFlowInf,
+      OpnStrategyInf
+    },
+    activated() {
+      this.refreshStrategyList()
+    },
+    methods: {
+      getGatewayId() {
+        return this.storage.get('openapi/gatewayId')
+      },
+      refresh(gatewayId) {
+        this.dataForm.gateway_id = gatewayId
+        this.refreshStrategyList()
+      },
+      // 新增 / 修改
+      addOrUpdateHandle() {
+        this.opnStrategyInfVisible = true
+        this.dataForm.gateway_id = this.getGatewayId()
+        this.$nextTick(() => {
+          this.$refs.opnStrategyInf.readonly = false
+          this.$refs.opnStrategyInf.dataForm.gateway_id = this.dataForm.gateway_id
+          this.$refs.opnStrategyInf.init()
+        })
+      },
+      strategySelectChange() {
+
+      },
+      refreshStrategyList() {
+        this.dataForm.gateway_id = this.getGatewayId()
+
+        if (!this.dataForm.gateway_id) {
+          this.$message.error('gateway_id为空')
+          return
+        }
+        // 获取接口组
+        this.$http({
+          url: this.$http.adornUrl(`/buiopnbpc1/opnstrategyinf/listByGateway.do?gateway_id=${this.dataForm.gateway_id}`),
+          method: 'get',
+          params: this.$http.adornParams()
+        }).then(({ data }) => {
+          if (isGDASucc(data)) {
+            if (data.data) {
+              this.strategyList = data.data
+              this.dataForm.strategy_id = this.strategyList[0]['id']
+            } else {
+              this.strategyList = []
+              this.dataForm.strategy_id = ''
+            }
+          } else {
+            this.strategyList = []
+            this.dataForm.strategy_id = ''
+          }
+        })
+      },
+      tabHandleClick(tab, event) {
+        this.$nextTick(() => {
+          if (this.activeIndex === '0') {
+            this.$refs.opnStrategyAuthInf.refresh(this.dataForm.gateway_id, this.dataForm.strategy_id)
+          } else if (this.activeIndex === '1') {
+            this.$refs.opnStrategyIpInf.refresh(this.dataForm.gateway_id, this.dataForm.strategy_id)
+          } else if (this.activeIndex === '2') {
+            this.$refs.opnStrategyIpInf.refresh(this.dataForm.gateway_id, this.dataForm.strategy_id)
+          }
+        })
+      }
+    }
+  }
+</script>
diff --git a/console-web/src/views/modules/opn/opnstrategyinf1.vue b/console-web/src/views/modules/opn/opnstrategyinf1.vue
new file mode 100644
index 00000000..db9405e7
--- /dev/null
+++ b/console-web/src/views/modules/opn/opnstrategyinf1.vue
@@ -0,0 +1,139 @@
+<template>
+  <el-dialog title="策略管理" :close-on-click-modal="false" :visible.sync="visible">
+    <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList01()">
+      <el-form-item>
+        <el-input v-model="dataForm.search" placeholder="搜索内容" clearable></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="getDataList01()">查询</el-button>
+        <el-button v-if="isAuth('opn:opnstrategyinf:add')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
+        <el-button
+          v-if="isAuth('opn:opnstrategyinf:delete')"
+          type="danger"
+          @click="deleteHandle()"
+          :disabled="dataListSelections.length <= 0"
+        >批量删除</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table :data="dataList" border v-loading="dataListLoading" @selection-change="selectionChangeHandle" style="width: 100%;">
+      <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
+      <el-table-column prop="id" header-align="center" align="center" label="标识"></el-table-column>
+      <el-table-column prop="gateway_id" header-align="center" align="center" label="网关标识"></el-table-column>
+      <el-table-column prop="name" header-align="center" align="center" label="名称"></el-table-column>
+      <el-table-column prop="status" header-align="center" align="center" label="状态" column-key="status" :formatter="dict.formatter"></el-table-column>
+      <el-table-column prop="remark" header-align="center" align="center" label="备注"></el-table-column>
+      <el-table-column fixed="right" header-align="center" align="center" width="150" label="操作">
+        <template slot-scope="scope">
+          <el-button v-if="isAuth('opn:opnstrategyinf:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>
+          <el-button v-if="isAuth('opn:opnstrategyinf:delete')" type="text" size="small" @click="deleteHandle(scope.row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 弹窗, 新增 / 修改 -->
+    <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+  </el-dialog>
+</template>
+
+<script>
+  import AddOrUpdate from './opnstrategyinf-add-or-update'
+  import { isGDASucc } from '@/utils'
+
+  export default {
+    data() {
+      return {
+        visible: false,
+        dataForm: {
+          gateway_id: ''
+        },
+        dataList: [],
+        dataListLoading: false,
+        dataListSelections: [],
+        addOrUpdateVisible: false
+      }
+    },
+    components: {
+      AddOrUpdate
+    },
+    methods: {
+      init() {
+        this.visible = true
+        this.getDataList()
+      },
+      // 获取数据列表
+      getDataList01() {
+        this.pageIndex = 1
+        this.getDataList()
+      },
+      getDataList() {
+        this.dataListLoading = true
+        this.$http({
+          url: this.$http.adornUrl(`/buiopnbpc1/opnstrategyinf/listByGateway.do`),
+          method: 'get',
+          params: this.$http.adornParams({
+            'gateway_id': this.dataForm.gateway_id
+          })
+        }).then(({ data }) => {
+          if (isGDASucc(data)) {
+            if (data.data) {
+              this.dataList = data.data
+            } else {
+              this.dataList = []
+            }
+          } else {
+            this.dataList = []
+          }
+          this.dataListLoading = false
+        })
+      },
+      // 多选
+      selectionChangeHandle(val) {
+        this.dataListSelections = val
+      },
+      // 新增 / 修改
+      addOrUpdateHandle(id) {
+        this.addOrUpdateVisible = true
+        this.$nextTick(() => {
+          this.$refs.addOrUpdate.dataForm.gateway_id = this.dataForm.gateway_id
+          this.$refs.addOrUpdate.init(id)
+        })
+      },
+      // 删除
+      deleteHandle(row) {
+        var ids = row ? [row.id] : this.dataListSelections.map(item => {
+          return item.id
+        })
+
+        var ids2 = row ? [row.name] : this.dataListSelections.map(item => {
+          return item.name
+        })
+
+        this.$confirm(`确定对[${ids2.join(',')}]进行[${row ? '删除' : '批量删除'}]操作?`, '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.$http({
+            url: this.$http.adornUrl('/buiopnbpc1/opnstrategyinf/delete.do'),
+            method: 'post',
+            data: this.$http.adornData({
+              'ids': ids.join(',')
+            }, false)
+          }).then(({ data }) => {
+            if (isGDASucc(data)) {
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {
+                  this.getDataList()
+                }
+              })
+            } else {
+              this.$message.error(data.msg)
+            }
+          })
+        })
+      }
+    }
+  }
+</script>