feat: 增加ai绘制页面功能

web/src/api/autoCode.js

@@ -164,6 +164,15 @@ export const butler = (data) => {
   })
 }
 
+export const painter = (data) => {
+  return service({
+    url: '/autoCode/llmAuto',
+    method: 'post',
+    data:{...data,mode:'painter'},
+    timeout: 1000 * 60 * 10,
+  })
+}
+
 export const addFunc = (data) => {
   return service({
     url: '/autoCode/addFunc',

web/src/view/systemTools/aiPainter/aiPainter.vue

@@ -0,0 +1,27 @@
+<template>
+<div>
+    <div class="w-full">
+    </div>
+    <div class="gva-search-box" >
+        <div class="w-full relative">
+        <el-input v-model="prompt" type="textarea" :rows="8" class="w-full"></el-input>
+        <el-button :loading="loading" @click="aiPainter" type="primary" class="absolute right-2 bottom-2"><ai-gva />{{html?'修改':'生成'}}</el-button>
+        </div>
+    </div>
+</div>
+</template>
+
+<script setup>
+import {painter} from "@/api/autoCode";
+import { ref } from 'vue'
+const loading = ref(false)
+const prompt = ref('')
+const html = ref(``)
+const aiPainter = async () => {
+    const res = await painter({
+        html: html.value,
+        prompt: prompt.value
+    })
+    html.value = res.data
+}
+</script>

web/tailwind.config.js

@@ -22,9 +22,6 @@ module.exports = {
     },
   },
   darkMode: "class",
-  plugins: [],
-  corePlugins: {
-    preflight: false
-  }
+  plugins: []
 }