fix: markmap do not cost power in front page

web/src/views/MarkMap.vue

@@ -81,7 +81,7 @@
           </div>
 
           <div class="markdown" v-if="loading">
-            <div :style="{ height: rightBoxHeight + 'px', overflow:'auto' }" v-html="html"></div>
+            <div :style="{ height: rightBoxHeight + 'px', overflow:'auto',width:'80%' }" v-html="html"></div>
           </div>
           <div class="body" id="markmap" v-show="!loading">
             <svg ref="svgRef" :style="{ height: rightBoxHeight + 'px' }"/>
@@ -157,7 +157,7 @@ const initData = () => {
 
     httpGet("/api/model/list").then(res => {
       for (let v of res.data) {
-        if (v.platform === "OpenAI") {
+        if (v.platform === "OpenAI" && v.value.indexOf("gpt-4-gizmo") === -1) {
           models.value.push(v)
         }
       }
@@ -171,7 +171,6 @@ const initData = () => {
 }
 
 const update = () => {
-
   try {
     const {root} = transformer.transform(processContent(text.value))
     markMap.value.setData(root)
@@ -246,6 +245,7 @@ const connect = (userId) => {
     if (event.data instanceof Blob) {
       const reader = new FileReader();
       reader.readAsText(event.data, "UTF-8")
+      const model = getModelById(modelID.value)
       reader.onload = () => {
         const data = JSON.parse(String(reader.result))
         switch (data.type) {
@@ -259,6 +259,7 @@ const connect = (userId) => {
           case "end":
             loading.value = false
             content.value = processContent(text.value)
+            loginUser.value.power -= model.power
             nextTick(() => update())
             break
           case "error":
@@ -305,6 +306,14 @@ const changeModel = () => {
   }
 }
 
+const getModelById = (modelId) => {
+  for (let e of models.value) {
+    if (e.id === modelId) {
+      return e
+    }
+  }
+}
+
 // download SVG to png file
 const downloadImage = () => {
   const svgElement = document.getElementById("markmap");

web/src/views/admin/AIDrawing.vue

@@ -0,0 +1,87 @@
+<template>
+  <el-form label-width="150px" label-position="right">
+    <el-tabs type="border-card">
+      <el-tab-pane label="MJ-PLUS">
+        <div v-if="mjPlusConfigs">
+          <el-form-item label="网站标题">
+            <el-input v-model="sdConfigs"/>
+          </el-form-item>
+        </div>
+        <el-empty v-else></el-empty>
+        <el-row style="justify-content: center">
+          <el-button round>
+            <el-icon><Plus /></el-icon>
+            <span>新增配置</span>
+          </el-button>
+        </el-row>
+
+      </el-tab-pane>
+
+      <el-tab-pane label="MJ-PROXY">
+        <div v-if="mjProxyConfigs">
+          <el-form-item label="注册赠送算力">
+            <el-input v-model.number="sdConfigs" placeholder="新用户注册赠送算力"/>
+          </el-form-item>
+        </div>
+        <el-empty v-else />
+      </el-tab-pane>
+
+      <el-tab-pane label="Stable-Diffusion">
+        <el-form-item label="注册赠送算力">
+          <el-input v-model.number="sdConfigs" placeholder="新用户注册赠送算力"/>
+        </el-form-item>
+      </el-tab-pane>
+    </el-tabs>
+
+    <div style="padding: 10px;">
+      <el-form-item>
+        <el-button type="primary" @click="save('system')">保存</el-button>
+      </el-form-item>
+    </div>
+  </el-form>
+</template>
+
+<script setup>
+import {ref} from "vue";
+import {httpGet} from "@/utils/http";
+import {ElMessage} from "element-plus";
+import {Plus} from "@element-plus/icons-vue";
+
+// 变量定义
+const sdConfigs = ref([])
+const mjPlusConfigs = ref([])
+const mjProxyConfigs = ref([])
+
+httpGet("/api/admin/config/get/draw").then(res => {
+  sdConfigs.value = res.data.sd
+  mjPlusConfigs.value = res.data.mj_plus
+  mjProxyConfigs.value = res.data.mj_proxy
+}).catch(e =>{
+  ElMessage.error("获取AI绘画配置失败："+e.message)
+})
+</script>
+
+<style lang="stylus" scoped>
+.menu {
+
+  .opt-box {
+    padding-bottom: 10px;
+    display flex;
+    justify-content flex-end
+
+    .el-icon {
+      margin-right: 5px;
+    }
+  }
+
+  .menu-icon {
+    width 36px
+    height 36px
+  }
+
+  .el-select {
+    width: 100%
+  }
+
+}
+</style>

web/src/views/admin/SysConfig.vue

@@ -287,6 +287,10 @@
         <Menu/>
       </el-tab-pane>
 
+      <el-tab-pane label="AI绘图配置" name="AIDrawing">
+        <AIDrawing/>
+      </el-tab-pane>
+
       <el-tab-pane label="授权激活" name="license">
         <div class="container">
           <el-descriptions
@@ -347,6 +351,7 @@ 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";
+import AIDrawing from "@/views/admin/AIDrawing.vue";
 
 const activeName = ref('basic')
 const system = ref({models: []})