页面编辑

src/router/index.js

@@ -26,6 +26,9 @@ export default new Router({
                 },{
                     path: '/empty-phone',
                     component: resolve => require(['../views/black-list/empty-phone.vue'], resolve),
+                },{
+                    path: '/strategy-list',
+                    component: resolve => require(['../views/strategy-data/strategy-list.vue'], resolve),
                 },
             ]
         },

src/views/strategy-data/strategy-list.vue

+<template>
+    <div class="strategy-container">
+        <el-row :gutter="30" class="row search" type="flex" style="margin-bottom:0;">
+            <el-form ref="form" :model="searchParam" label-suffix=":" style="width:100%;">
+                <el-col :span="18">
+                    <el-form-item label="策略分类">
+                        <el-select
+                            v-model="searchParam.bizTypeId"
+                            size="small"
+                            placeholder="请选择策略分类"
+                            clearable
+                            style="margin-left: 20px"
+                        >
+                            <el-option
+                            v-for="item in strategyData"
+                            :key="item.id"
+                            :label="item.name"
+                            :value="item.id"
+                            ></el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="6" style="padding:0;text-align:right;padding-right:15px;">
+                    <el-button type="primary" size="small" @click="search(1)">查询</el-button>
+                    <el-button type="primary" size="small" @click="addStrategy">新增策略</el-button>
+                </el-col>
+            </el-form>
+        </el-row>
+        <el-table
+            class="search-table"
+            :data="tableData"
+            style="width: 100%">
+            <el-table-column prop="name" label="策略名称" min-width="140" align="center"></el-table-column>
+            <el-table-column prop="bizTypeName" label="策略分类" min-width="140" align="center"></el-table-column>
+            <el-table-column prop="paramsStyle" label="策略定义" min-width="150" align="center"></el-table-column>
+            <el-table-column prop="score" label="击中分值" min-width="150" align="center"></el-table-column>
+            <el-table-column prop="type" label="策略状态" min-width="150" align="center"></el-table-column>
+            <el-table-column label="操作" fixed="right" align="center" min-width="200">
+                <template slot-scope="scope">
+                    <el-button type="primary" size="small" @click="actived(scope.row)">激活</el-button>
+                    <el-button type="danger" size="small" @click="downLine(scope.row)">下线</el-button>
+                    <el-button type="primary" size="small" @click="reviewData(scope.row)">查看</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <!-- 分页 -->
+        <div class="pagination">
+            <el-pagination
+                background
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+                :current-page="searchParam.pageNo"
+                :page-sizes="[15, 30, 50, 100, 200, 500, 700, 1000, 1500, 2000]"
+                :page-size="searchParam.pageSize"
+                layout="total, sizes, prev, pager, next, jumper"
+                :total="totalRows">
+            </el-pagination>
+        </div>
+        <!-- 下线确认框 -->
+        <el-dialog
+            title="策略下线确认"
+            :visible.sync="downDialogVisible"
+            width="30%"
+            center>
+            <span>一旦下线后，后续该业务分类订单将不执行本策略检查，请记得同步完成风险定级变更</span>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="downDialogVisible = false">取 消</el-button>
+                <el-button type="primary" @click="confirmDown">确 定</el-button>
+            </span>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import { openLoading, closeLoading } from "../../common/utils";
+export default {
+    data() {
+        return {
+            downDialogVisible: false,
+            searchParam: {
+                bizTypeId: '',
+                pageNo: 1,
+                pageSize: 15
+            },
+            totalRows: 0,
+            tableData: [],
+            strategyData: []
+        }
+    },
+    mounted() {
+        this.getCategyData();
+        this.search();
+    },
+    methods: {
+        // 封装一下请求通用的方法
+        getData(type, url, req, callback) {
+            openLoading(this);
+            this.$axios[type](localStorage.getItem("lectureUrl") + url, req)
+                .then(res => {
+                closeLoading(this);
+                let data = res.data;
+                if (data.code == "000000") {
+                    if (callback) callback(data);
+                } else {
+                    this.$message.error(data.message);
+                }
+                })
+                .catch(error => {
+                closeLoading(this);
+                this.$message.error("网络出现点问题");
+            });
+        },
+        search(param) {
+            if(param) this.searchParam.pageNo = 1;
+            this.getData(
+                "get", `/riskcontrol/strategy/list?bizTypeId=${this.searchParam.bizTypeId}&pageNo=${this.searchParam.pageNo}&pageSize=${this.searchParam.pageSize}`, {},
+                data => {
+                    this.tableData = data.data.data;
+                    this.totalRows = data.data.totalRows;
+                }
+            );
+        },
+        // 获取策略下拉数据
+        getCategyData() {
+            this.getData(
+                "get", `/riskcontrol/strategy/listBizType`, {},
+                data => {
+                    this.strategyData = data.data;
+                }
+            );
+        },
+        // 新增策略
+        addStrategy() {
+
+        },
+        // 激活
+        actived() {
+
+        },
+        // 下线
+        downLine() {
+            this.downDialogVisible = true;
+        },
+        confirmDown() {
+
+        },
+        // 查看
+        reviewData() {
+
+        },
+        handleSizeChange(value) {
+            this.searchParam.pageSize = value;
+            this.search();
+        },
+        handleCurrentChange(value) {
+            this.searchParam.pageNo = value;
+            this.search();
+        }
+    }
+}
+</script>
+<style lang="less" scoped>
+
+</style>
\ No newline at end of file