diff --git a/nezha-fronted/src/assets/css/components/index.scss b/nezha-fronted/src/assets/css/components/index.scss
index 99f9198d1..5035175e9 100644
--- a/nezha-fronted/src/assets/css/components/index.scss
+++ b/nezha-fronted/src/assets/css/components/index.scss
@@ -79,6 +79,7 @@
 @import './page/alert/nzAlertTag.scss';
 @import './page/config/system/notifyMethodTab.scss';
 @import './page/config/system/license.scss';
+@import './page/config/licenseGen.scss';
 @import './page/config/about.scss';
 @import './page/config/agent.scss';
 @import './page/config/assetMeta.scss';
diff --git a/nezha-fronted/src/assets/css/components/page/config/licenseGen.scss b/nezha-fronted/src/assets/css/components/page/config/licenseGen.scss
new file mode 100644
index 000000000..a3039a1c7
--- /dev/null
+++ b/nezha-fronted/src/assets/css/components/page/config/licenseGen.scss
@@ -0,0 +1,29 @@
+.license-gen {
+  background-color: $--background-color-empty;
+  margin: 10px;
+  height: calc(100% - 20px) !important;
+  overflow: auto;
+  .license-gen-form {
+    padding: 30px 0 0 30px;
+    .license-gen-btn {
+      text-align: center;
+    }
+    .el-textarea__inner {
+      min-height: 89px;
+    }
+    .license-gen-form__upload {
+      height: 150px;
+      border: 1px solid $--border-color-light;
+      box-shadow: 0 6px 16px 0 rgba(0,0,0,0.08);
+      border-radius: 3px;
+      .upload-demo {
+        margin: 20px;
+        height: calc(100% - 40px);
+        .el-upload-list.el-upload-list--text {
+          overflow: auto;
+          height: 75px;
+        }
+      }
+    }
+  }
+}
diff --git a/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue b/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
index 701c1758a..b08984379 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
@@ -22,7 +22,7 @@
           <!-- type -->
           <el-form-item :label='$t("overall.type")' prop="typeId">
             <el-select value-key="id" allow-create class="right-box__select" popper-class="right-box-select-top prevent-clickoutside" :filterable="true" v-model="editModel.typeId" placeholder="" size="small" id="module-box-input-project">
-              <el-option :id="'module-project-'+item.type.id" v-for="(item, index) in typeDataList" :key="index" :label="item.type.name" :value="item.type.id"></el-option>
+              <el-option v-for="(item, index) in typeDataList" :key="index" :label="item.name" :value="item.id"></el-option>
             </el-select>
           </el-form-item>
           <!-- ChartTemplate -->
@@ -231,7 +231,12 @@ export default {
     },
     modelTypeList () {
       this.$get('asset/model', { pageSize: -1, pageNo: 1 }).then(res => {
-        this.typeDataList = res.data.list
+        this.typeDataList = res.data.list.map((e, i) => {
+          return {
+            name: e.type.name,
+            id: e.type.id
+          }
+        })
       })
     }
   }
diff --git a/nezha-fronted/src/components/page/config/licenseGen.vue b/nezha-fronted/src/components/page/config/licenseGen.vue
index 5722f93c5..8664db327 100644
--- a/nezha-fronted/src/components/page/config/licenseGen.vue
+++ b/nezha-fronted/src/components/page/config/licenseGen.vue
@@ -1,13 +1,88 @@
 <template>
-$END$
+  <div class="license-gen">
+    <div class="license-gen-form system-config-form">
+      <el-form :model="licenseGen"  label-width="180px" size="small" label-position="top" ref="licenseGenFrom">
+        <el-form-item :label="$t('license.id')" prop="supportID">
+          <el-input v-model="licenseGen.supportID"></el-input>
+        </el-form-item>
+        <el-form-item :label="$t('license.organization')" prop="organization">
+          <el-input v-model="licenseGen.organization"></el-input>
+        </el-form-item>
+        <!-- type -->
+        <el-form-item :label="$t('overall.type')" prop="type">
+          <el-select class="right-box__select"
+                     v-model="licenseGen.type"
+                     :placeholder="$t('overall.select')"
+                     popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside"
+                     size="small">
+            <template v-for="item in typeList">
+              <el-option :key="item.value" :label="item.label" :value="item.value"></el-option>
+            </template>
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="$t('licenseGen.comment')" prop="comment">
+          <el-input id="alert-box-input-description"  placeholder="" size="small" type="textarea" v-model="licenseGen.comment"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <div class="license-gen-form__upload">
+            <el-upload
+              ref="upload"
+              accept=".xml"
+              class="upload-demo"
+              action=""
+              :auto-upload="false"
+              :on-change="handleChange"
+              :file-list="uploadFileList">
+              <el-button size="small" type="primary">{{$t('overall.upload')}}</el-button>
+            </el-upload>
+          </div>
+        </el-form-item>
+        <el-form-item class="license-gen-btn"><el-button size="small" type="primary" @click="upload">{{$t('overall.generate')}}</el-button></el-form-item>
+      </el-form>
+    </div>
+  </div>
 </template>
 
 <script>
 export default {
-name: "licenseGen"
+  name: 'licenseGen',
+  data () {
+    return {
+      licenseGen: {},
+      uploadFile: { fies: '' },
+      uploadList: [],
+      uploadFileList: [],
+      typeList: [
+        { label: 'Evaluation', value: 'Evaluation' },
+        { label: 'Commercial', value: 'Commercial' },
+        { label: 'Test', value: 'Test' }
+      ]
+    }
+  },
+  methods: {
+    handleChange (file, fileList) {
+      if (fileList.length > 0) {
+        this.uploadFileList = [fileList[fileList.length - 1]]
+      }
+      this.uploadFile.fies = this.uploadFileList[0]
+      this.upload()
+    },
+    upload () {
+      const form = new FormData()
+      form.append('fies', this.uploadFile.fies.raw)
+      console.log(form)
+      // const params = {
+      //   ...this.licenseGen,
+      //
+      // }
+      this.$post('/sys/license/gen', form).then(res => {
+        if (res.code == 200) {
+          this.licenseGetStatus()
+        } else {
+          this.$message.error(res.msg)
+        }
+      })
+    }
+  }
 }
 </script>
-
-<style scoped>
-
-</style>
diff --git a/nezha-fronted/src/router/index.js b/nezha-fronted/src/router/index.js
index 4b2a0b591..35e19eb61 100644
--- a/nezha-fronted/src/router/index.js
+++ b/nezha-fronted/src/router/index.js
@@ -102,6 +102,10 @@ export default new Router({
           path: '/ipam',
           component: resolve => require(['../components/page/config/ipam.vue'], resolve)
         },
+        {
+          path: '/license/gen',
+          component: resolve => require(['../components/page/config/licenseGen.vue'], resolve)
+        },
         {
           path: '/profile',
           component: resolve => require(['../components/page/config/profile.vue'], resolve)