提交

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

@@ -0,0 +1,55 @@
+<template>
+  <div class="continuation">
+    <br />
+    <div class="head">
+      <span> 根据上下文，为您推荐： </span>
+      <el-select v-model="select" style="float: right; margin-right: ">
+        <el-option label="通用" value="通用" />
+        <el-option label="新闻" value="新闻" />
+        <el-option label="论文" value="论文" />
+        <el-option label="公文" value="公文" />
+        <el-option label="小说" value="小说" />
+      </el-select>
+    </div>
+
+    <div
+      class="c_main"
+      @click="() => seva(item)"
+      v-for="(item, i) in list"
+      :key="i"
+      v-text="item"
+    ></div>
+  </div>
+</template>
+
+<script setup>
+import { ref, defineEmits } from 'vue';
+const emits = defineEmits(['closeType', 'setHtml', 'getImage']);
+const select = ref('通用');
+const list = ref([
+  '他们走上了岸，慢慢地向岛上走去，但奇怪的是，他们并没有看到任何人影。',
+]);
+const seva = text => {
+  emits('setHtml', text);
+};
+</script>
+
+<style scoped>
+.head {
+  font-size: 14px;
+  height: 60px;
+  line-height: 60px;
+  width: 95%;
+}
+.c_main {
+  padding: 10px;
+  line-height: 28px;
+  font-size: 14px;
+  border: 1px solid #e1e1e1;
+  width: 95%;
+  cursor: pointer;
+}
+.c_main:hover {
+  border-color: #93c8ff;
+}
+</style>

src/view/allMedia/AIeditor/index.vue

@@ -212,6 +212,7 @@ import fission from './components/fission.vue';
 import poetry from './components/poetry.vue';
 import novel from './components/novel.vue';
 import composition from './components/composition.vue';
+import continuation from './components/continuation.vue';
 
 // 右侧头部数据
 const right_head = ref({});
@@ -237,6 +238,7 @@ const component_2_list = [
   poetry,
   novel,
   composition,
+  continuation
 ];
 
 const noOpenSon = ref(true);