ap-dev 1.1.10 → 1.1.14

package/dev/ConfigPanel/DevDbSource.vue

@@ -0,0 +1,108 @@
+<template>
+    <ap-container>
+        <ap-main margin="1111">
+            <div v-if="!showPage">
+                <el-input v-model="secretKey" placeholder="请输入授权秘钥！" show-password style="width: 200px"></el-input>
+                <el-button type="primary" @click="checkPageAuth">确定</el-button>
+            </div>
+            <ap-table v-if="showPage" ref="tDevDbSourceRef" :options.sync="tDevDbSourceOpt"></ap-table>
+        </ap-main>
+    </ap-container>
+</template>
+
+<script>
+export default {
+    name: 'DevDbSource',
+    data() {
+        let columns = [
+            {
+                prop: 'fdName',
+                label: '连接名',
+                type: 'input',
+                width: 150,
+            }, {
+                prop: 'fdDbName',
+                label: '数据库名称',
+                type: 'input',
+                width: 100,
+            }, {
+                prop: 'fdUrl',
+                label: '数据库地址',
+                type: 'input',
+                minWidth: 200,
+                showOverflowTooltip: true
+            }, {
+                prop: 'fdUserName',
+                label: '数据库用户名',
+                type: 'input',
+                width: 100,
+            }, {
+                prop: 'fdPassword',
+                label: '数据库密码',
+                type: 'input',
+                width: 100,
+                html: function (value, row) {
+                    return "******";
+                }
+            }, {
+                prop: 'fdComment',
+                label: '备注',
+                type: 'input',
+                minWidth: 150,
+            }, {
+                prop: "fdDisabled",
+                label: "是否有效",
+                type: "select",
+                width: 100,
+                selectOptions: [{label: "失效", value: 1}, {label: "有效", value: 0}],
+                addDefaultValue: 0,
+                align: "center",
+                html: function (value, row) {
+                    if (value == 1) {
+                        return '<div class="ap-tag-danger">失效</div>'
+                    } else if (value == 0) {
+                        return '<div class="ap-tag-success">有效</el-tag>';
+                    }
+                }
+            },
+        ];
+        let tableOpt = {
+            title: "数据源管理",
+            columns: columns,
+            editPk: "fdId", //默认fdId
+            deletePk: "fdId", // 默认fdId
+            dataUrl: "/apd/db/TDevDbSource/getTDevDbSourceGridList",
+            saveUrl: "/apd/db/TDevDbSource/saveTDevDbSourceGridData",
+            deleteUrl: "/apd/db/TDevDbSource/deleteTDevDbSourceGridData",
+            toolbarBtn: ["add", "edit", "del", "cancel", "refresh", "save"],
+            initData: true, // 默认false
+            params: {}
+        };
+        return {
+            tDevDbSourceOpt: tableOpt,
+            secretKey: '',
+            showPage: false
+        }
+    },
+    methods: {
+        checkPageAuth() {
+            this.$request({
+                url: '/apd/db/TDevDbAuth/checkPageAuth',
+                method: 'post',
+                data: {
+                    secretKey: this.secretKey
+                }
+            }).then(response => {
+                if (response.data) {
+                    this.showPage = true;
+                } else {
+                    this.$message.error("授权秘钥错误！")
+                }
+            })
+        }
+    }
+}
+</script>
+
+<style scoped>
+</style>

package/dev/ConfigPanel/DevDbUserSource.vue

@@ -0,0 +1,117 @@
+<template>
+    <ap-container>
+        <ap-container>
+            <template v-if="!showPage">
+                <ap-main margin="1111">
+                    <div>
+                        <el-input v-model="secretKey" placeholder="请输入授权秘钥！" show-password style="width: 200px"></el-input>
+                        <el-button type="primary" @click="checkPageAuth">确定</el-button>
+                    </div>
+                </ap-main>
+            </template>
+            <template v-if="showPage">
+                <ap-aside width="50%" margin="1111">
+                    <ap-table ref="tDevDbUserRef" :options.sync="tDevDbUserOpt"></ap-table>
+                </ap-aside>
+                <ap-split-panel></ap-split-panel>
+                <ap-main width="50%" margin="1110">
+                    <ap-table ref="tDevDbUserSourceRef" :options.sync="tDevDbUserSourceOpt"></ap-table>
+                </ap-main>
+            </template>
+        </ap-container>
+    </ap-container>
+</template>
+
+<script>
+export default {
+    name: 'TDevDbUser',
+    data() {
+        let tDevDbUserCols = [
+            {
+                prop: 'fdUserName',
+                label: '用户名',
+                type: 'input',
+                width: '200px'
+            },
+        ];
+        let tDevDbUserOpt = {
+            title: "数据源用户",
+            columns: tDevDbUserCols,
+            editPk: "fdId", //默认fdId
+            deletePk: "fdId", // 默认fdId
+            dataUrl: "/apd/db/TDevDbUser/getTDevDbUserGridList",
+            saveUrl: "/apd/db/TDevDbUser/saveTDevDbUserGridData",
+            deleteUrl: "/apd/db/TDevDbUser/deleteTDevDbUserGridData",
+            toolbarBtn: ["add", "edit", "del", "refresh", "save"],
+            initData: true, // 默认false
+            rowClickEvent: (row, column, event) => {
+                this.selectRowId = row.fdId;
+                this.selectUserName = row.fdUserName;
+                this.tDevDbUserSourceOpt.title = `【${row.fdUserName}】数据源列表`;
+                // 点击行刷新右侧表
+                this.$refs.tDevDbUserSourceRef.refresh();
+            },
+            params: {}
+        };
+        let tDevDbUserSourceCols = [
+            {
+                prop: 'fdSourceId',
+                label: '数据源',
+                type: 'select',
+                selectOptionsKey: {label: "fdName", value: "fdId"},
+                selectOptionsRemote: "sourceList",
+                width: '250px'
+            },
+        ];
+        let tDevDbUserSourceOpt = {
+            title: "数据源列表",
+            columns: tDevDbUserSourceCols,
+            editPk: "fdId", //默认fdId
+            deletePk: "fdId", // 默认fdId
+            dataUrl: "/apd/db/TDevDbUserSource/getTDevDbUserSourceGridList",
+            saveUrl: "/apd/db/TDevDbUserSource/saveTDevDbUserSourceGridData",
+            deleteUrl: "/apd/db/TDevDbUserSource/deleteTDevDbUserSourceGridData",
+            toolbarBtn: ["add", "edit", "del", "refresh", "save"],
+            initData: false, // 默认false
+            addDefaultObj: () => {
+                return {
+                    fdDbUserId: this.selectRowId
+                }
+            },
+            params: () => {
+                return {
+                    dbUserId: this.selectRowId
+                }
+            }
+        };
+        return {
+            secretKey: '',
+            showPage: false,
+            selectRowId: '', // 左侧表点击行
+            selectUserName: '',
+            tDevDbUserOpt: tDevDbUserOpt,
+            tDevDbUserSourceOpt: tDevDbUserSourceOpt,
+        }
+    },
+    methods: {
+        checkPageAuth() {
+            this.$request({
+                url: '/apd/db/TDevDbAuth/checkPageAuth',
+                method: 'post',
+                data: {
+                    secretKey: this.secretKey
+                }
+            }).then(response => {
+                if (response.data) {
+                    this.showPage = true;
+                } else {
+                    this.$message.error("授权秘钥错误！")
+                }
+            })
+        }
+    }
+}
+</script>
+
+<style scoped>
+</style>

package/dev/ConfigPanel/DevMyConfig.vue

@@ -10,9 +10,9 @@
                 <el-form-item label="数据库" prop="fdSourceId">
                     <el-select v-model="configForm.fdSourceId" placeholder="请选择数据库" filterable>
                         <el-option v-for="item in dbSourceList"
-                                   :key="item.fdSourceId"
+                                   :key="item.fdId"
                                    :label="item.fdName"
-                                   :value="item.fdSourceId"/>
+                                   :value="item.fdId"/>
                     </el-select>
                 </el-form-item>
 

package/dev/ConfigPanel/index.vue

@@ -3,21 +3,26 @@
         <el-tab-pane label="我的配置" style="height: 100%;">
             <dev-my-config/>
         </el-tab-pane>
+        <el-tab-pane label="数据源管理" style="height: 100%;">
+            <dev-db-source/>
+        </el-tab-pane>
         <el-tab-pane label="数据源授权" style="height: 100%;">
-            <dev-db-auth/>
+            <dev-db-user-source/>
         </el-tab-pane>
     </el-tabs>
 </template>
 
 <script>
-    import DevDbAuth from './DevDbAuth'
     import DevMyConfig from './DevMyConfig'
+    import DevDbSource from './DevDbSource'
+    import DevDbUserSource from './DevDbUserSource'
 
     export default {
         name: 'ConfigPanel',
         components: {
-            DevDbAuth,
-            DevMyConfig
+            DevMyConfig,
+            DevDbSource,
+            DevDbUserSource
         }
     }
 </script>