src/components/menu.vue

@@ -68,8 +68,8 @@ export default {
                 {name: "事件日志", link: '/index/event_log', isDisabel: false},
                 {name:"Images重定向", link:'/index/images_redirection', isDisabel: false},
                 {name:"LDAP/E-Directory", link:'/index/LDAP', isDisabel: false},
-                {name:"证书", link:'index/', isDisabel: false},
-                {name:"鼠标的模式", link:'index/', isDisabel: false},
+                {name:"证书", link:'/index/License', isDisabel: false},
+                {name:"鼠标的模式", link:'/index/mouse_mode', isDisabel: false},
                 {name:"NCSI", link:'index/', isDisabel: false},
                 {name:"网络", link:'index/', isDisabel: false},
                 {name:"网络绑定", link:'index/', isDisabel: false},

src/router/index.js

@@ -65,6 +65,20 @@ const router = new Router({
                     },
                     component: r => require.ensure([], () => r(require('../views/configuration/LDAP')), 'configuration'),
                 },
+                {
+                    path: 'license',
+                    meta: {
+                        title: '证书'
+                    },
+                    component: r => require.ensure([], () => r(require('../views/configuration/License')), 'configuration'),
+                },
+                {
+                    path: 'mouse_mode',
+                    meta: {
+                        title: '证书'
+                    },
+                    component: r => require.ensure([], () => r(require('../views/configuration/MouseMode')), 'configuration'),
+                },
             ]
         },
         {

src/views/configuration/License.vue

@@ -0,0 +1,86 @@
+<template>
+    <div class="active-directory">
+        <div class="configuration-title">License</div>
+        <div class="configuration-text">
+            Below is a list of available Features and it's License validity. Click the "Upload License Key" button to upload a new Key to activate the particular feature.</div>
+        <div class="configuration-table">
+            <Table :columns="columnsDirectory" :data="dataDirectory" size="small" ref="table"></Table>
+        </div>
+        <div class="configuration-btn-right">
+            <Button type="primary" @click="modalSettings = true">Upload License Key</Button>
+        </div>
+        <Modal
+                v-model="modalSettings"
+                title="Advanced Settings"
+                width="660"
+                :loading="loading"
+                @on-ok="save"
+                @on-cancel="cancel">
+            <Form :model="formSettings" label-position="left" :label-width="260">
+                <FormItem label="License Key">
+                    <Input v-model="formSettings.key" style="width: 300px;"/>
+                </FormItem>
+            </Form>
+        </Modal>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "License",
+        data () {
+            return {
+                columnsDirectory: [
+                    {
+                        "title": "#",
+                        "key": "ID",
+                        "sortable": true
+                    },
+                    {
+                        "title": "Feature Name",
+                        "key": "Name",
+                        "sortable": true
+                    },
+                    {
+                        "title": "Validity",
+                        "key": "Validity",
+                        "sortable": true
+                    }
+                ],
+                dataDirectory: [
+                    {
+                        ID: 1,
+                        Name: 'Group Name',
+                        Validity: 'Validity',
+                    },
+                    {
+                        ID: 2,
+                        Name: 'Group Name',
+                        Validity: 'Validity',
+                    }
+                ],
+                modalSettings: false,
+                loading: true,
+                formSettings: {
+                    key: '',
+                }
+            }
+        },
+        methods: {
+            save() {
+                setTimeout(() => {
+                    this.modalSettings = false;
+                }, 2000);
+            },
+            cancel() {
+
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>
+
+

src/views/configuration/MouseMode.vue

@@ -0,0 +1,49 @@
+<template>
+    <div class="event-log">
+        <div class="configuration-title">Mouse Mode Settings</div>
+        <div class="configuration-text">Redirection console mouse mode settings can be modified here.</div>
+        <div class="event-log-form">
+            <Form :model="formEventLog" label-position="left" :label-width="0">
+                <div class="configuration-subtitle">Current Mouse Mode:</div>
+                <FormItem>
+                    <RadioGroup v-model="formEventLog.radioPolicy" vertical>
+                        <Radio label="0">Set Mode to Relative (Recommended when server OS is Linux)</Radio>
+                        <Radio label="1">Set Mode to Absolute (Recommended when server OS is Windows)</Radio>
+                        <Radio label="2">Set Mode to Other Mode (Recommended for SLES-11 OS Installation)</Radio>
+                    </RadioGroup>
+                </FormItem>
+            </Form>
+        </div>
+        <div class="configuration-btn-right">
+            <Button type="primary" style="margin-right: 10px;">Save</Button>
+            <Button type="primary">Reset</Button>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "MouseMode",
+        data() {
+            return {
+                formEventLog: {
+                    radioPolicy: ''
+                }
+            }
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    .event-log-form {
+        padding-left: 30px;
+        .configuration-subtitle {
+            font-size: 14px;
+            margin-bottom: 10px;
+        }
+    }
+    .configuration-btn-right {
+        border-top: 1px solid #000;
+    }
+</style>
+