提交

src/view/allMedia/AIeditor/components/advertisement.vue

@@ -33,7 +33,7 @@
       <el-button type="primary" style="width: 100%;">下一步</el-button>
       <div class="bottom-content-safe-tip">
         <img
-          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQcSURBVHgB7VndTSMxEJ6EgHhMCXsVHJH4FQ+YDqACkgoIFUAq4KgArgLuKrjlAfErJdeBr4N95J/7Jji5yWrttTc/J6T9pFXWjtf2N54Zj8dEJUqUKPGZUKEJ4u7uTr2+vi5Vq9WvKCo8dfMwEjz6/f2dnwu0iVdXV3s0IYxNpNvt1l9eXvYxuSaKEYVB4+mAfLyxsaFpDIxFBCtwCAJt+if1otBvb28n6+vr36ggChG5urqK5ubmzvG6lNNU04dK8RNR/opprM52kdUJJnJ/f78H6bHkslYhZv3H/6wqcdb3EIKqVCpsR/uUTSxBH621tbUfFIAgIobEWcZfMSTZsU3eBiaFlT2lDEIg2lxeXv5OnvAmAhI7IHGeqk5Q1xlHtxnX19dtTPyQUqscQsaLiLGJbmqgwvrsGOMXja5OgjEaPmNUyQNmgKmRYHBf3Cd9OIgB6sap5CJ3RW5vb9kopep4S4n3mMfHxyZUJMHmd0YeyFp9GH8Hxn/k+q6a1yl+2rKObcJ3JZ6fn49B4hivpzc3N16S5b55DFkHL7fPQnF95yQCySga1VkdaNhKTCZvzxnCjBGLqvrT01Pb9U2ejRzKAlSqRQHg3XrwDvXwdqVmrPSq7LnaW20EtsES7IoqDT3/QoHgvQKEks3NzeAAEXNgJ6MGZeNg4qy2NVsnGFxBv2X5hAogdJOU4CgBK6EGZaOecVZbKxHYxxY6kp0GS5SdBRs7JlBntQx11xzqYB5D9TbHg0zUHP1EslBEsrVa7RwC6Bu5CUW2Q75fXFzswfPJKmVrazV2TCASRU0FgD6ky4woEI1Go38YE1VWF+zyWiM7Of0nQC0TUSxEhHw6mDawqolPOxcRL0nMAJF4t5LyJRLlhQhTRCTeta2Ry9gvZPnh4cE7xJgUOCsjy3DHf2xtXURG9g34cEUzBqeWUlWxra03EXiPLZoxzLl+CE4bWdva/jAboBZViuMmmhGMWkWiSrviNaf7TUesMlyYNjD2aaqq42rvJLKwsMDnAum9FCcKyH8yUoKx52eDU2kkqrRLrRhOIhwiYDIjUS9nO8zJMRc4nu5ysAhvczA/P3/g843p+0jWceSdF3B6ZVEgIT6XSA8y8eQDw5JJ8ToHeYUomPQupTZIHtB3ZXzgSAd5RcxeREyqJq0a/WxHiM3YwDZhMieRrOfUqe+qB6VMIbWmOVekobHPtFZWVmIKALtYTJY9ocr4u+WbQmIEJ7GR1tnBpJlMVuzVvx4A2V4WKXOXwrbGp09F2QRYhQ9CSDDGuVZI63MWtHkGN1d57XtsjzO5VpAwyWfb9UAI+m4+L5vowthXb8ZzKbPrRxSGHgj85I3XHGsLY6KXoZeXl0ucneQAE09EH8TkZSg/MezoN+/646SKSpQoUeJz4y9/qgrrtx523QAAAABJRU5ErkJggg=="
+          :src="image_base64.tanhao"
           class="content-safe-tip-icon"
         />
         <div class="content-safe-tip-text">
@@ -46,6 +46,7 @@
 
 <script setup>
 import { ref } from 'vue';
+import {image_base64} from "./data.js"
 // import {commit} from "@/api/aleditor.js";
 const form = ref({
   title: '',

src/view/allMedia/AIeditor/components/brainstorming.vue

@@ -0,0 +1,99 @@
+<template>
+    <div class="model-item-container">
+      <br />
+      <el-form label-width="100px" :model="form" label-position="top">
+        <el-form-item label="请输入主题/话题/问题">
+          <el-input
+            v-model="form.title"
+            type="textarea"
+            :rows="5"
+            maxlength="1000"
+            show-word-limit
+            placeholder="如：列出5种吃了不长胖的食物"
+          />
+        </el-form-item>
+      </el-form>
+      <el-form>
+        <el-form-item label="文案条数">
+          <div style="text-align: right; width: 100%">
+            <el-input-number v-model="form.num" :min="1" />
+          </div>
+        </el-form-item>
+      </el-form>
+  
+      <div class="btn_group">
+        <el-button type="primary" style="width: 100%">生成内容</el-button>
+        <div class="bottom-content-safe-tip">
+          <img
+            :src="image_base64.tanhao"
+            class="content-safe-tip-icon"
+          />
+          <div class="content-safe-tip-text">
+            声明：内容为概率模型生成，可能会产生不正确的信息，不代表我司的观点和立场
+          </div>
+        </div>
+      </div>
+    </div>
+  </template>
+  
+  <script setup>
+  import { ref } from 'vue';
+  import {image_base64} from "./data.js"
+  // import {commit} from "@/api/aleditor.js";
+  const form = ref({
+    title: '',
+    num: 1
+  });
+  </script>
+  
+  <style scoped>
+  .model-item-container {
+    text-align: center;
+    -webkit-box-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    min-height: 0;
+    width: 95%;
+    height: 100%;
+  }
+  
+  .act {
+    color: var(--el-button-hover-text-color);
+    border-color: var(--el-button-hover-border-color);
+    background-color: var(--el-button-hover-bg-color);
+    outline: 0;
+  }
+  
+  .btn_group {
+    padding-right: 1em;
+  }
+  .bottom-content-safe-tip {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    padding: 15px 0;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    width: 100%;
+    zoom: 0.83;
+  }
+  .bottom-content-safe-tip .content-safe-tip-icon {
+    width: 15px;
+    height: 15px;
+    margin-right: 10px;
+  }
+  .bottom-content-safe-tip .content-safe-tip-text {
+    font-size: 12px;
+    line-height: 15px;
+    color: #cacaca;
+  }
+  </style>
+  

src/view/allMedia/AIeditor/components/composition.vue

@@ -0,0 +1,117 @@
+<template>
+  <div class="model-item-container">
+    <br />
+    <el-form label-position="top">
+      <el-form-item label="请输入作文标题 *">
+        <el-input v-model="form.title" placeholder="如：穷山距海无弗届远" />
+      </el-form-item>
+      <el-form-item label="请输入作文开头">
+        <el-input
+          v-model="form.desc"
+          type="textarea"
+          :rows="5"
+          :maxlength="1000"
+          show-word-limit
+          placeholder="如：本，木下曰本。物有本末，事有始终，伐木不自其本，必复生；妙，少女含苞，美也好也。然尤妙之人，皆含精于内，外无饰姿，方皆服其妙。故君子务本，因本手生基；然亦善妙，因妙手生花。"
+        />
+      </el-form-item>
+    </el-form>
+    <el-form label-width="100px" :model="form" label-position="left">
+      <el-form-item label="文章长度">
+        <div style="text-align: right; width: 100%">
+          <el-button plain :class="{ act: form.long === 'small' }">
+            短
+          </el-button>
+          <el-button plain :class="{ act: form.long === 'middle' }">
+            中
+          </el-button>
+          <el-button plain :class="{ act: form.long === 'long' }">
+            长
+          </el-button>
+        </div>
+      </el-form-item>
+    </el-form>
+
+    <div class="btn_group">
+      <el-button type="primary" style="width: 100%">生成内容</el-button>
+      <div class="bottom-content-safe-tip">
+        <img :src="image_base64.tanhao" class="content-safe-tip-icon" />
+        <div class="content-safe-tip-text">
+          声明：内容为概率模型生成，可能会产生不正确的信息，不代表我司的观点和立场
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { image_base64 } from './data.js';
+// import {commit} from "@/api/aleditor.js";
+const form = ref({
+  title: '',
+  desc: '',
+  long: 'small'
+});
+</script>
+
+<style scoped>
+.model-item-container {
+  text-align: center;
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  min-height: 0;
+  width: 95%;
+  height: 100%;
+}
+
+.model-item-part {
+  -webkit-box-flex: 0;
+  -ms-flex: none;
+  flex: none;
+  font-size: 14px;
+}
+
+.act {
+  color: var(--el-button-hover-text-color);
+  border-color: var(--el-button-hover-border-color);
+  background-color: var(--el-button-hover-bg-color);
+  outline: 0;
+}
+
+.btn_group {
+  width: 100%;
+}
+
+.bottom-content-safe-tip {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 15px 0;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  width: 100%;
+  zoom: 0.83;
+}
+
+.bottom-content-safe-tip .content-safe-tip-icon {
+  width: 15px;
+  height: 15px;
+  margin-right: 10px;
+}
+
+.bottom-content-safe-tip .content-safe-tip-text {
+  font-size: 12px;
+  line-height: 15px;
+  color: #cacaca;
+}
+</style>

src/view/allMedia/AIeditor/components/draw.vue

@@ -0,0 +1,103 @@
+<template>
+  <div class="model-item-container">
+    <br />
+    <el-form label-width="100px" :model="form" label-position="top">
+      <el-form-item label="请输入图片描述">
+        <el-input
+          v-model="form.title"
+          type="textarea"
+          :rows="5"
+          maxlength="1000"
+          show-word-limit
+          placeholder="如：原神，甘雨"
+        />
+      </el-form-item>
+      <el-form-item label="风格">
+        <el-button :type="form.fengge === 'huitu' ? 'primary' : undefined" plain>绘图</el-button>
+        <el-button :type="form.fengge === '3d' ? 'primary' : undefined" plain>3D渲染</el-button>
+        <el-button :type="form.fengge === 'shouhui' ? 'primary' : undefined" plain>手绘</el-button>
+        <el-button :type="form.fengge === 'shuicai' ? 'primary' : undefined" plain>水彩</el-button>
+        <el-button :type="form.fengge === 'chahua' ? 'primary' : undefined" plain>插画</el-button>
+        <el-button :type="form.fengge === 'sumiao' ? 'primary' : undefined" plain>素描</el-button>
+        <el-button :type="form.fengge === 'xieshi' ? 'primary' : undefined" plain>写实</el-button>
+      </el-form-item>
+      <el-form-item label="比例">
+        <el-button :type="form.bili === 'fang' ? 'primary' : undefined" plain>方图</el-button>
+        <el-button :type="form.bili === 'heng' ? 'primary' : undefined" plain>横图</el-button>
+        <el-button :type="form.bili === 'shu' ? 'primary' : undefined" plain>竖图</el-button>
+      </el-form-item>
+    </el-form>
+
+    <div class="btn_group">
+      <el-button type="primary" style="width: 100%">生成内容</el-button>
+      <div class="bottom-content-safe-tip">
+        <img :src="image_base64.tanhao" class="content-safe-tip-icon" />
+        <div class="content-safe-tip-text">
+          声明：内容为概率模型生成，可能会产生不正确的信息，不代表我司的观点和立场
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { image_base64 } from './data.js';
+// import {commit} from "@/api/aleditor.js";
+const form = ref({
+  title: '',
+  fengge: 'huitu',
+  bili: 'fang'
+});
+</script>
+
+<style scoped>
+.model-item-container {
+  text-align: center;
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  min-height: 0;
+  width: 95%;
+  height: 100%;
+}
+
+.act {
+  color: var(--el-button-hover-text-color);
+  border-color: var(--el-button-hover-border-color);
+  background-color: var(--el-button-hover-bg-color);
+  outline: 0;
+}
+
+.btn_group {
+  padding-right: 1em;
+}
+.bottom-content-safe-tip {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 15px 0;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  width: 100%;
+  zoom: 0.83;
+}
+.bottom-content-safe-tip .content-safe-tip-icon {
+  width: 15px;
+  height: 15px;
+  margin-right: 10px;
+}
+.bottom-content-safe-tip .content-safe-tip-text {
+  font-size: 12px;
+  line-height: 15px;
+  color: #cacaca;
+}
+</style>

src/view/allMedia/AIeditor/components/email.vue

@@ -0,0 +1,99 @@
+<template>
+    <div class="model-item-container">
+      <br />
+      <el-form label-width="100px" :model="form" label-position="top">
+        <el-form-item label="请输入邮件概述">
+          <el-input
+            v-model="form.title"
+            type="textarea"
+            :rows="5"
+            maxlength="1000"
+            show-word-limit
+            placeholder="A公司想向B公司收购一批银废料，写邮件询问B公司是否有，希望B公司能给出合理价格。"
+          />
+        </el-form-item>
+      </el-form>
+      <el-form>
+        <el-form-item label="文案条数">
+          <div style="text-align: right; width: 100%">
+            <el-input-number v-model="form.num" :min="1" />
+          </div>
+        </el-form-item>
+      </el-form>
+  
+      <div class="btn_group">
+        <el-button type="primary" style="width: 100%">生成文案</el-button>
+        <div class="bottom-content-safe-tip">
+          <img
+            :src="image_base64.tanhao"
+            class="content-safe-tip-icon"
+          />
+          <div class="content-safe-tip-text">
+            声明：内容为概率模型生成，可能会产生不正确的信息，不代表我司的观点和立场
+          </div>
+        </div>
+      </div>
+    </div>
+  </template>
+  
+  <script setup>
+  import { ref } from 'vue';
+  import {image_base64} from "./data.js"
+  // import {commit} from "@/api/aleditor.js";
+  const form = ref({
+    title: '',
+    num: 1
+  });
+  </script>
+  
+  <style scoped>
+  .model-item-container {
+    text-align: center;
+    -webkit-box-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    min-height: 0;
+    width: 95%;
+    height: 100%;
+  }
+  
+  .act {
+    color: var(--el-button-hover-text-color);
+    border-color: var(--el-button-hover-border-color);
+    background-color: var(--el-button-hover-bg-color);
+    outline: 0;
+  }
+  
+  .btn_group {
+    padding-right: 1em;
+  }
+  .bottom-content-safe-tip {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    padding: 15px 0;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    width: 100%;
+    zoom: 0.83;
+  }
+  .bottom-content-safe-tip .content-safe-tip-icon {
+    width: 15px;
+    height: 15px;
+    margin-right: 10px;
+  }
+  .bottom-content-safe-tip .content-safe-tip-text {
+    font-size: 12px;
+    line-height: 15px;
+    color: #cacaca;
+  }
+  </style>
+  

src/view/allMedia/AIeditor/components/fission.vue

@@ -0,0 +1,99 @@
+<template>
+    <div class="model-item-container">
+      <br />
+      <el-form label-width="100px" :model="form" label-position="top">
+        <el-form-item label="请录入原文">
+          <el-input
+            v-model="form.title"
+            type="textarea"
+            :rows="5"
+            maxlength="1000"
+            show-word-limit
+            placeholder="随着时代的更迭、技术的演变，互联网的内容生产逐渐出现了新的流行趋势，即由AI生产内容（AIGC）。那么，这类内容的生产是否能够满足用户的需求，是否能够替代人工内容生产带给用户的体验？"
+          />
+        </el-form-item>
+      </el-form>
+      <el-form>
+        <el-form-item label="文案条数">
+          <div style="text-align: right; width: 100%">
+            <el-input-number v-model="form.num" :min="1" />
+          </div>
+        </el-form-item>
+      </el-form>
+  
+      <div class="btn_group">
+        <el-button type="primary" style="width: 100%">生成内容</el-button>
+        <div class="bottom-content-safe-tip">
+          <img
+            :src="image_base64.tanhao"
+            class="content-safe-tip-icon"
+          />
+          <div class="content-safe-tip-text">
+            声明：内容为概率模型生成，可能会产生不正确的信息，不代表我司的观点和立场
+          </div>
+        </div>
+      </div>
+    </div>
+  </template>
+  
+  <script setup>
+  import { ref } from 'vue';
+  import {image_base64} from "./data.js"
+  // import {commit} from "@/api/aleditor.js";
+  const form = ref({
+    title: '',
+    num: 1
+  });
+  </script>
+  
+  <style scoped>
+  .model-item-container {
+    text-align: center;
+    -webkit-box-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    min-height: 0;
+    width: 95%;
+    height: 100%;
+  }
+  
+  .act {
+    color: var(--el-button-hover-text-color);
+    border-color: var(--el-button-hover-border-color);
+    background-color: var(--el-button-hover-bg-color);
+    outline: 0;
+  }
+  
+  .btn_group {
+    padding-right: 1em;
+  }
+  .bottom-content-safe-tip {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    padding: 15px 0;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    width: 100%;
+    zoom: 0.83;
+  }
+  .bottom-content-safe-tip .content-safe-tip-icon {
+    width: 15px;
+    height: 15px;
+    margin-right: 10px;
+  }
+  .bottom-content-safe-tip .content-safe-tip-text {
+    font-size: 12px;
+    line-height: 15px;
+    color: #cacaca;
+  }
+  </style>
+  

src/view/allMedia/AIeditor/components/little_red_book.vue

@@ -1,23 +1,27 @@
 <template>
   <div class="model-item-container">
-    <div top="" class="model-item-part">
-      <div class="progress_bar">
-        <div class="bar_item" v-for="(item,i) in steps" :key="item.text + i">
-          <div class="item_child">
-            <div
-              class="cricle c_play"
-              :style="{backgroundColor: status.step >= i ? 'rgb(228, 242, 255)' : 'rgb(238, 238, 238)', backgroundImage: getBG(i)}"
-              v-text="status.step < i ? i + 1 : ''"
-            ></div>
-            <div class="item-child-label active" style="width: 50px" v-text="item.text"></div>
-          </div>
-          <div class="c_right c_right_grey"></div>
-        </div>
-      </div>
-    </div>
+    <br />
     <el-form label-width="100px" :model="form" label-position="left">
-      <el-form-item label="标题">
-        <el-input v-model="form.title" />
+      <el-form-item label="产品名称">
+        <el-input v-model="form.title" :maxlength="100" show-word-limit />
+      </el-form-item>
+      <el-form-item label="产品描述">
+        <el-input v-model="form.desc" type="textarea" :rows="5" :maxlength="1000" show-word-limit />
+      </el-form-item>
+      <el-form-item label="自动生成标题">
+        <div style="text-align: right; width: 100%">
+          <el-switch v-model="form.isTitle" />
+        </div>
+      </el-form-item>
+      <el-form-item label="选择语气">
+        <div style="text-align: right; width: 100%">
+          <el-select v-model="form.region">
+            <el-option label="默认" value="默认1" />
+            <el-option label="口语" value="口语1" />
+            <el-option label="专业" value="专业1" />
+            <el-option label="热情" value="热情1" />
+          </el-select>
+        </div>
       </el-form-item>
       <el-form-item label="文章长度">
         <div style="text-align: right; width: 100%">
@@ -32,25 +36,17 @@
           </el-button>
         </div>
       </el-form-item>
-      <el-form-item label="自动配图">
-        <div style="text-align: right; width: 100%">
-          <el-switch v-model="form.isImg" />
-        </div>
-      </el-form-item>
-      <el-form-item label="摘要条数">
+      <el-form-item label="生成话题">
         <div style="text-align: right; width: 100%">
-          <el-input-number v-model="form.num" :min="1" />
+          <el-switch v-model="form.isTalk" />
         </div>
       </el-form-item>
     </el-form>
 
     <div class="btn_group">
-      <el-button type="primary" @click="status.step++">下一步</el-button>
+      <el-button type="primary" style="width: 100%;">生成内容</el-button>
       <div class="bottom-content-safe-tip">
-        <img
-        :src="image_base64.tanhao"
-          class="content-safe-tip-icon"
-        />
+        <img :src="image_base64.tanhao" class="content-safe-tip-icon" />
         <div class="content-safe-tip-text">
           声明：内容为概率模型生成，可能会产生不正确的信息，不代表我司的观点和立场
         </div>
@@ -61,39 +57,17 @@
 
 <script setup>
 import { ref } from 'vue';
-import { image_base64 } from "./data.js";
+import { image_base64 } from './data.js';
 // import {commit} from "@/api/aleditor.js";
-const steps = [
-    {
-        text: '标题',
-    },
-    {
-        text: '摘要',
-    },
-    {
-        text: '大纲',
-    },
-    {
-        text: '内容',
-    }
-]
 const form = ref({
   title: '',
-  num: 1,
-  isImg: false,
+  isTitle: false,
+  isTalk: false,
   long: 'small',
+  desc: '',
+  region: '默认',
 });
 
-const status = ref({
-    step: 0,
-    progress: 0,
-})
-
-const getBG = i => {
-    if(status.value.step == i) return 'url(' + image_base64.play + ')';
-    if(status.value.step > i) return 'url(' + image_base64.duigou + ')';
-    return undefined
-}
 </script>
 
 <style scoped>
@@ -121,68 +95,6 @@ const getBG = i => {
   font-size: 14px;
 }
 
-.bar_item,
-.progress_bar {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-}
-.progress_bar {
-  width: 100%;
-  height: 80px;
-  line-height: 80px;
-  font-size: 14px;
-}
-
-.bar_item {
-  width: 90px;
-}
-
-.item_child {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c_right_grey {
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLjE1NiAxLjAxYS41NDcuNTQ3IDAgMDAwIC43NjVMNS43MzYgNy41bC01LjU4IDUuNzI0YS41NDguNTQ4IDAgMDAuMTcuODgyLjUyLjUyIDAgMDAuNTc3LS4xMTdMNi44MzcgNy45YS41NzMuNTczIDAgMDAwLS43OTlMLjkwMyAxLjAxYS41MjEuNTIxIDAgMDAtLjc0NyAweiIgZmlsbD0iI0UxRTFFMSIvPjwvc3ZnPg==);
-}
-.c_right {
-  background-repeat: no-repeat;
-  background-position: 50%;
-  background-size: 29%;
-  width: 25px;
-  height: 100%;
-}
-
-.cricle {
-  width: 25px;
-  height: 25px;
-  border-radius: 50%;
-  line-height: 25px;
-  text-align: center;
-  color: #8e8e8e;
-  font-size: 16px;
-  background-repeat: no-repeat;
-  background-position: 50%;
-  margin-right: 5px;
-  background-size: 40%;
-}
-
-.item-child-label.active {
-  color: #4b4b4b;
-}
-
-.item-child-label {
-  color: #8e8e8e;
-}
-
 .act {
   color: var(--el-button-hover-text-color);
   border-color: var(--el-button-hover-border-color);
@@ -191,12 +103,9 @@ const getBG = i => {
 }
 
 .btn_group {
-  position: absolute;
   width: 100%;
-  text-align: right;
-  bottom: 0;
-  padding-right: 1em;
 }
+
 .bottom-content-safe-tip {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -208,11 +117,13 @@ const getBG = i => {
   width: 100%;
   zoom: 0.83;
 }
+
 .bottom-content-safe-tip .content-safe-tip-icon {
   width: 15px;
   height: 15px;
   margin-right: 10px;
 }
+
 .bottom-content-safe-tip .content-safe-tip-text {
   font-size: 12px;
   line-height: 15px;

src/view/allMedia/AIeditor/components/novel.vue

@@ -0,0 +1,116 @@
+<template>
+  <div class="model-item-container">
+    <br />
+    <el-form label-position="top">
+      <el-form-item label="请输入小说标题 *">
+        <el-input v-model="form.title" />
+      </el-form-item>
+      <el-form-item label="请输入小说开头">
+        <el-input
+          v-model="form.desc"
+          type="textarea"
+          :rows="5"
+          :maxlength="1000"
+          show-word-limit
+        />
+      </el-form-item>
+    </el-form>
+    <el-form label-width="100px" :model="form" label-position="left">
+      <el-form-item label="文章长度">
+        <div style="text-align: right; width: 100%">
+          <el-button plain :class="{ act: form.long === 'small' }">
+            短
+          </el-button>
+          <el-button plain :class="{ act: form.long === 'middle' }">
+            中
+          </el-button>
+          <el-button plain :class="{ act: form.long === 'long' }">
+            长
+          </el-button>
+        </div>
+      </el-form-item>
+    </el-form>
+
+    <div class="btn_group">
+      <el-button type="primary" style="width: 100%">生成内容</el-button>
+      <div class="bottom-content-safe-tip">
+        <img :src="image_base64.tanhao" class="content-safe-tip-icon" />
+        <div class="content-safe-tip-text">
+          声明：内容为概率模型生成，可能会产生不正确的信息，不代表我司的观点和立场
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { image_base64 } from './data.js';
+// import {commit} from "@/api/aleditor.js";
+const form = ref({
+  title: '',
+  desc: '',
+  long: 'small'
+});
+</script>
+
+<style scoped>
+.model-item-container {
+  text-align: center;
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  min-height: 0;
+  width: 95%;
+  height: 100%;
+}
+
+.model-item-part {
+  -webkit-box-flex: 0;
+  -ms-flex: none;
+  flex: none;
+  font-size: 14px;
+}
+
+.act {
+  color: var(--el-button-hover-text-color);
+  border-color: var(--el-button-hover-border-color);
+  background-color: var(--el-button-hover-bg-color);
+  outline: 0;
+}
+
+.btn_group {
+  width: 100%;
+}
+
+.bottom-content-safe-tip {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 15px 0;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  width: 100%;
+  zoom: 0.83;
+}
+
+.bottom-content-safe-tip .content-safe-tip-icon {
+  width: 15px;
+  height: 15px;
+  margin-right: 10px;
+}
+
+.bottom-content-safe-tip .content-safe-tip-text {
+  font-size: 12px;
+  line-height: 15px;
+  color: #cacaca;
+}
+</style>

src/view/allMedia/AIeditor/components/poetry.vue

@@ -0,0 +1,116 @@
+<template>
+  <div class="model-item-container">
+    <br />
+    <el-form label-position="top">
+      <el-form-item label="请输入诗歌主题">
+        <el-input
+          v-model="form.desc"
+          type="textarea"
+          :rows="5"
+          :maxlength="1000"
+          show-word-limit
+        />
+      </el-form-item>
+    </el-form>
+    <el-form label-width="100px" :model="form" label-position="left">
+      <el-form-item label="选择语气">
+        <div style="text-align: right; width: 100%">
+          <el-select v-model="form.region">
+            <el-option label="现代诗" value="现代诗1" />
+            <el-option label="五言绝句" value="五言绝句1" />
+            <el-option label="七言绝句" value="七言绝句1" />
+            <el-option label="五言律诗" value="五言律诗1" />
+            <el-option label="七言律诗" value="七言律诗1" />
+          </el-select>
+        </div>
+      </el-form-item>
+      <el-form-item label="选择条数">
+        <div style="text-align: right; width: 100%">
+          <el-input-number v-model="form.num" :min="1" />
+        </div>
+      </el-form-item>
+    </el-form>
+
+    <div class="btn_group">
+      <el-button type="primary" style="width: 100%">生成内容</el-button>
+      <div class="bottom-content-safe-tip">
+        <img :src="image_base64.tanhao" class="content-safe-tip-icon" />
+        <div class="content-safe-tip-text">
+          声明：内容为概率模型生成，可能会产生不正确的信息，不代表我司的观点和立场
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { image_base64 } from './data.js';
+// import {commit} from "@/api/aleditor.js";
+const form = ref({
+  num: 1,
+  desc: '',
+  region: '现代诗',
+});
+</script>
+
+<style scoped>
+.model-item-container {
+  text-align: center;
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  min-height: 0;
+  width: 95%;
+  height: 100%;
+}
+
+.model-item-part {
+  -webkit-box-flex: 0;
+  -ms-flex: none;
+  flex: none;
+  font-size: 14px;
+}
+
+.act {
+  color: var(--el-button-hover-text-color);
+  border-color: var(--el-button-hover-border-color);
+  background-color: var(--el-button-hover-bg-color);
+  outline: 0;
+}
+
+.btn_group {
+  width: 100%;
+}
+
+.bottom-content-safe-tip {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 15px 0;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  width: 100%;
+  zoom: 0.83;
+}
+
+.bottom-content-safe-tip .content-safe-tip-icon {
+  width: 15px;
+  height: 15px;
+  margin-right: 10px;
+}
+
+.bottom-content-safe-tip .content-safe-tip-text {
+  font-size: 12px;
+  line-height: 15px;
+  color: #cacaca;
+}
+</style>

src/view/allMedia/AIeditor/components/product_review.vue

@@ -0,0 +1,115 @@
+<template>
+  <div class="model-item-container">
+    <br />
+    <el-form label-width="100px" :model="form" label-position="left">
+      <el-form-item label="产品名称">
+        <el-input v-model="form.title" :maxlength="100" show-word-limit />
+      </el-form-item>
+      <el-form-item label="产品描述">
+        <el-input v-model="form.desc" type="textarea" :rows="5" :maxlength="1000" show-word-limit />
+      </el-form-item>
+      <el-form-item label="文案长度">
+        <div style="text-align: right; width: 100%">
+          <el-button plain :class="{ act: form.long === 'small' }">
+            短
+          </el-button>
+          <el-button plain :class="{ act: form.long === 'middle' }">
+            中
+          </el-button>
+          <el-button plain :class="{ act: form.long === 'long' }">
+            长
+          </el-button>
+        </div>
+      </el-form-item>
+      <el-form-item label="文案条数">
+        <div style="text-align: right; width: 100%">
+            <el-input-number v-model="form.num" :min="1" />
+        </div>
+      </el-form-item>
+    </el-form>
+
+    <div class="btn_group">
+      <el-button type="primary" style="width: 100%;">生成文案</el-button>
+      <div class="bottom-content-safe-tip">
+        <img :src="image_base64.tanhao" class="content-safe-tip-icon" />
+        <div class="content-safe-tip-text">
+          声明：内容为概率模型生成，可能会产生不正确的信息，不代表我司的观点和立场
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { image_base64 } from './data.js';
+// import {commit} from "@/api/aleditor.js";
+const form = ref({
+  title: '',
+  num: 1,
+  long: 'small',
+  desc: '',
+});
+
+</script>
+
+<style scoped>
+.model-item-container {
+  text-align: center;
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  min-height: 0;
+  width: 95%;
+  height: 100%;
+}
+
+.model-item-part {
+  -webkit-box-flex: 0;
+  -ms-flex: none;
+  flex: none;
+  font-size: 14px;
+}
+
+.act {
+  color: var(--el-button-hover-text-color);
+  border-color: var(--el-button-hover-border-color);
+  background-color: var(--el-button-hover-bg-color);
+  outline: 0;
+}
+
+.btn_group {
+  width: 100%;
+}
+
+.bottom-content-safe-tip {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 15px 0;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  width: 100%;
+  zoom: 0.83;
+}
+
+.bottom-content-safe-tip .content-safe-tip-icon {
+  width: 15px;
+  height: 15px;
+  margin-right: 10px;
+}
+
+.bottom-content-safe-tip .content-safe-tip-text {
+  font-size: 12px;
+  line-height: 15px;
+  color: #cacaca;
+}
+</style>

src/view/allMedia/AIeditor/components/short_video.vue

@@ -0,0 +1,162 @@
+<template>
+  <div class="short_video">
+    <div style="padding: 25px 25px 0 25px">
+      <el-table
+        border
+        header-row-class-name="head"
+        :data="tableData"
+        style="width: 100%"
+      >
+        <el-table-column prop="title" label="主题/产品" width="280">
+          <template #default="scope">
+            <div
+              contenteditable
+              class="input"
+              v-text="scope.row.title"
+              @input="e => setText(scope, 'title', e)"
+            ></div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="desc" label="描述">
+          <template #default="scope">
+            <div
+              contenteditable
+              class="input"
+              v-text="scope.row.desc"
+              @input="e => setText(scope, 'desc', e)"
+            ></div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="" label="">
+          <template #default="scope">
+            <el-button
+              :icon="CircleClose"
+              type="primary"
+              link
+              @click="() => deltable(scope)"
+            >
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <br />
+      <el-button :icon="CirclePlus" type="primary" link @click="addtable">
+        添加
+      </el-button>
+      <br />
+      <el-form>
+        <el-form-item label="文章长度">
+          <div style="text-align: right; width: 100%">
+            <el-button plain :class="{ act: long === 'small' }" @click="long='small'">
+              短
+            </el-button>
+            <el-button plain :class="{ act: long === 'middle' }" @click="long='middle'">
+              中
+            </el-button>
+            <el-button plain :class="{ act: long === 'long' }" @click="long='long'">
+              长
+            </el-button>
+          </div>
+        </el-form-item>
+      </el-form>
+    <div class="btn_group">
+      <el-button type="primary" style="width: 100%;">生成内容</el-button>
+      <div class="bottom-content-safe-tip">
+        <img
+          :src="image_base64.tanhao"
+          class="content-safe-tip-icon"
+        />
+        <div class="content-safe-tip-text">
+          声明：内容为概率模型生成，可能会产生不正确的信息，不代表我司的观点和立场
+        </div>
+      </div>
+    </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import {image_base64} from "./data.js"
+import { CircleClose, CirclePlus } from '@element-plus/icons-vue';
+import { ref } from 'vue';
+import { ElMessage } from 'element-plus';
+const long = ref("small");
+const tableData = ref([
+  {
+    title: ' ',
+    desc: ' ',
+  },
+]);
+
+const addtable = () => {
+  tableData.value.push({
+    title: ' ',
+    desc: ' ',
+  });
+};
+const deltable = scope => {
+  if (tableData.value.length <= 1)
+    return ElMessage.error('至少需要一个或以上内容');
+  tableData.value.splice(scope.$index, 1);
+};
+const setText = (scope, key, e) => {
+  tableData.value[scope.$index][key] = e.target.innerText;
+};
+</script>
+
+<style>
+.short_video .head,
+.short_video .el-table th.el-table__cell {
+  background-color: #fafafa;
+  color: #111;
+  font-weight: 400;
+}
+
+.short_video .el-table .el-table__cell {
+  padding: 0;
+}
+
+.short_video .input,
+.short_video .el-table .cell {
+  height: 45px;
+  line-height: 45px;
+  outline: none;
+}
+</style>
+
+<style scoped>
+
+.act {
+  color: var(--el-button-hover-text-color);
+  border-color: var(--el-button-hover-border-color);
+  background-color: var(--el-button-hover-bg-color);
+  outline: 0;
+}
+
+.btn_group {
+  padding-right: 1em;
+}
+.bottom-content-safe-tip {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 15px 0;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  width: 100%;
+  zoom: 0.83;
+}
+.bottom-content-safe-tip .content-safe-tip-icon {
+  width: 15px;
+  height: 15px;
+  margin-right: 10px;
+}
+.bottom-content-safe-tip .content-safe-tip-text {
+  font-size: 12px;
+  line-height: 15px;
+  color: #cacaca;
+}
+</style>
+

src/view/allMedia/AIeditor/components/weekly.vue

@@ -0,0 +1,132 @@
+<template>
+  <div class="model-item-container">
+    <br />
+    <el-form label-width="100px" :model="form" label-position="top">
+      <el-form-item label="请简单描述您的工作内容*">
+        <el-input
+          v-model="form.title"
+          type="textarea"
+          :rows="5"
+          maxlength="1000"
+          show-word-limit
+          placeholder="制作「AI模板」原型，撰写需求文档，与开发沟通相关细节"
+        />
+      </el-form-item>
+    </el-form>
+    <el-form>
+      <el-form-item label="文章长度">
+        <div style="text-align: right; width: 100%">
+          <el-button plain :class="{ act: form.type === 'day' }">
+            周报
+          </el-button>
+          <el-button plain :class="{ act: form.type === 'week' }">
+            日报
+          </el-button>
+          <el-button plain :class="{ act: form.type === 'month' }">
+            月报
+          </el-button>
+        </div>
+      </el-form-item>
+      <el-form-item label="职业">
+        <div style="text-align: right; width: 100%">
+            <el-input style="width: 8em" v-model="form.career" />
+        </div>
+      </el-form-item>
+      <el-form-item label="文案长度">
+        <div style="text-align: right; width: 100%">
+          <el-button plain :class="{ act: form.long === 'small' }">
+            短
+          </el-button>
+          <el-button plain :class="{ act: form.long === 'middle' }">
+            中
+          </el-button>
+          <el-button plain :class="{ act: form.long === 'long' }">
+            长
+          </el-button>
+        </div>
+      </el-form-item>
+      <el-form-item label="文案条数">
+        <div style="text-align: right; width: 100%">
+          <el-input-number v-model="form.num" :min="1" />
+        </div>
+      </el-form-item>
+    </el-form>
+
+    <div class="btn_group">
+      <el-button type="primary" style="width: 100%">生成文案</el-button>
+      <div class="bottom-content-safe-tip">
+        <img
+          :src="image_base64.tanhao"
+          class="content-safe-tip-icon"
+        />
+        <div class="content-safe-tip-text">
+          声明：内容为概率模型生成，可能会产生不正确的信息，不代表我司的观点和立场
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import {image_base64} from "./data.js"
+// import {commit} from "@/api/aleditor.js";
+const form = ref({
+  title: '',
+  long: 'small',
+  type: 'day',
+  career: '',
+  num: 1
+});
+</script>
+
+<style scoped>
+.model-item-container {
+  text-align: center;
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  min-height: 0;
+  width: 95%;
+  height: 100%;
+}
+
+.act {
+  color: var(--el-button-hover-text-color);
+  border-color: var(--el-button-hover-border-color);
+  background-color: var(--el-button-hover-bg-color);
+  outline: 0;
+}
+
+.btn_group {
+  padding-right: 1em;
+}
+.bottom-content-safe-tip {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 15px 0;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  width: 100%;
+  zoom: 0.83;
+}
+.bottom-content-safe-tip .content-safe-tip-icon {
+  width: 15px;
+  height: 15px;
+  margin-right: 10px;
+}
+.bottom-content-safe-tip .content-safe-tip-text {
+  font-size: 12px;
+  line-height: 15px;
+  color: #cacaca;
+}
+</style>

src/view/allMedia/AIeditor/index.vue

@@ -129,7 +129,7 @@
         <Transition name="toolRightSon">
           <div
             v-if="!noOpenSon"
-            style="transition: all 0.2s ease; position: relative;height: 100%;"
+            style="transition: all 0.2s ease; position: relative; height: 100%"
           >
             <div class="RightSonTitle">
               <div class="t_header animate__faster">
@@ -195,12 +195,40 @@ import advertisement from './components/advertisement.vue';
 import inspiration from './components/inspiration.vue';
 import literature from './components/literature.vue';
 import little_red_book from './components/little_red_book.vue';
+import short_video from './components/short_video.vue';
+import weekly from './components/weekly.vue';
+import email from './components/email.vue';
+import brainstorming from './components/brainstorming.vue';
+import draw from './components/draw.vue';
+import product_review from './components/product_review.vue';
+import fission from './components/fission.vue';
+import poetry from './components/poetry.vue';
+import novel from './components/novel.vue';
+import composition from './components/composition.vue';
 
 // 右侧头部数据
 const right_head = ref({});
 
 const componment_list = [pen_ink, review, image, dictionary, comment];
-const component_2_list = [full_text,advertisement,inspiration,literature,little_red_book];
+// index对应ai里的功能
+const component_2_list = [
+  full_text,
+  advertisement,
+  inspiration,
+  literature,
+  little_red_book,
+  inspiration,
+  short_video,
+  weekly,
+  email,
+  brainstorming,
+  draw,
+  product_review,
+  fission,
+  poetry,
+  novel,
+  composition
+];
 
 const noOpenSon = ref(true);