增加证书页面

src/components/menu.vue

@@ -68,7 +68,7 @@ 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/License', isDisabel: false},
                 {name:"鼠标的模式", link:'index/', isDisabel: false},
                 {name:"NCSI", link:'index/', isDisabel: false},
                 {name:"网络", link:'index/', isDisabel: false},

src/router/index.js

@@ -65,6 +65,13 @@ 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'),
+                },
             ]
         },
         {

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>
+
+