show license info in admin active page, optimize markdown generate prompt

web/src/views/admin/SysConfig.vue

@@ -260,9 +260,42 @@
 
       <el-tab-pane label="授权激活" name="license">
         <div class="container">
+          <el-descriptions
+              v-if="license.is_active"
+              class="margin-top"
+              title="授权信息"
+              :column="3"
+              border
+          >
+            <el-descriptions-item :span="3" :width="150">
+              <template #label>
+                <div class="cell-item">License Key</div>
+              </template>
+              {{ license.key }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label>
+                <div class="cell-item">到期时间</div>
+              </template>
+              {{ dateFormat(license.expired_at) }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label>
+                <div class="cell-item">用户人数</div>
+              </template>
+              {{ license.user_num }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label>
+                <div class="cell-item">机器码</div>
+              </template>
+              {{ license.machine_id }}
+            </el-descriptions-item>
+          </el-descriptions>
+
           <el-form :model="system" label-width="150px" label-position="right">
             <el-form-item label="许可授权码" prop="license">
-              <el-input v-model="license"/>
+              <el-input v-model="licenseKey"/>
             </el-form-item>
 
             <el-form-item>
@@ -284,6 +317,7 @@ import {InfoFilled, UploadFilled} from "@element-plus/icons-vue";
 import MdEditor from "md-editor-v3";
 import 'md-editor-v3/lib/style.css';
 import Menu from "@/views/admin/Menu.vue";
+import {dateFormat} from "@/utils/libs";
 
 const activeName = ref('basic')
 const system = ref({models: []})
@@ -292,6 +326,7 @@ const systemFormRef = ref(null)
 const models = ref([])
 const openAIModels = ref([])
 const notice = ref("")
+const license = ref({is_active: false})
 
 onMounted(() => {
   // 加载系统配置
@@ -315,8 +350,17 @@ onMounted(() => {
     ElMessage.error("获取模型失败：" + e.message)
   })
 
+  fetchLicense()
 })
 
+const fetchLicense = () => {
+  httpGet("/api/admin/config/get/license").then(res => {
+    license.value = res.data
+  }).catch(e => {
+    ElMessage.error("获取 License 失败：" + e.message)
+  })
+}
+
 const rules = reactive({
   title: [{required: true, message: '请输入网站标题', trigger: 'blur',}],
   admin_title: [{required: true, message: '请输入控制台标题', trigger: 'blur',}],
@@ -345,13 +389,14 @@ const save = function (key) {
 }
 
 // 激活授权
-const license = ref("")
+const licenseKey = ref("")
 const active = () => {
-  if (license.value === "") {
+  if (licenseKey.value === "") {
     return ElMessage.error("请输入授权码")
   }
-  httpPost("/api/admin/active", {license: license.value}).then(res => {
+  httpPost("/api/admin/active", {license: licenseKey.value}).then(res => {
     ElMessage.success("授权成功，机器编码为：" + res.data)
+    fetchLicense()
   }).catch(e => {
     ElMessage.error(e.message)
   })
@@ -401,10 +446,9 @@ const onUploadImg = (files, callback) => {
   }).catch(e => {
     ElMessage.error('图片上传失败:' + e.message)
   })
-
-
 };
 
+
 </script>
 
 <style lang="stylus" scoped>
@@ -451,6 +495,10 @@ const onUploadImg = (files, callback) => {
         }
       }
 
+      .el-descriptions {
+        margin-bottom 20px
+      }
+
       .el-alert {
         margin-bottom 15px;
       }