feat: 提示词助手弹窗

src/component/home/tools/toProduct/index.vue

@@ -150,7 +150,7 @@
             />
           </div>
           <div class="prompt-container">
-            <div class="prompt-title">Prompt</div>
+            <div class="prompt-title">{{ $t('ProductImg.Prompt') }}</div>
             <div class="input_border productImg_content_item_generate">
               <div class="input_box">
                 <div class="input_box_btnBox">
@@ -171,30 +171,8 @@
             </div>
             <div class="asistant-btn" @click="handleClickAssistBtn">
               <i class="fi fi-bs-magic-wand asistant-icon"></i>
-              <span>Prompt Assist</span>
+              <span>{{ $t('ProductImg.PromptAssit') }}</span>
             </div>
-            <!-- <div
-              class="selectText"
-              v-show="productimgMenu.value == 'ToProductImage' && speedData.value"
-            >
-              <a-tooltip
-                v-for="(promptText, index) in promptTextList"
-                :key="index"
-                placement="bottom"
-              >
-                <template #title>{{ promptText }}</template>
-                <div
-                  @click="
-                    () => {
-                      searchName[productimgMenu.value] = promptText
-                      ifMaximumLength()
-                    }
-                  "
-                >
-                  {{ promptText }}
-                </div>
-              </a-tooltip>
-            </div> -->
           </div>
           <div class="productImg_content_item_generate_btn input_border">
             <div class="generage_btn_box">
@@ -342,8 +320,8 @@
       }"
       :isProductimg="true"
     ></scaleImage>
+    <Prompt v-model:showModal="showPromptAssist" :promptList="promptTextList" />
   </div>
-  <Prompt  />
 </template>
 
 <script lang="ts">
@@ -374,6 +352,7 @@ import { useStore } from 'vuex'
 import scaleImage from '@/component/HomePage/scaleImage.vue'
 import generalMenu from '@/component/HomePage/generalMenu.vue'
 import generalDrag from '@/component/modules/generalDrag.vue'
+import Prompt from './Prompt.vue'
 import { List } from 'echarts'
 import { useRouter, useRoute } from 'vue-router'
 
@@ -382,6 +361,7 @@ export default defineComponent({
     scaleImage,
     generalMenu,
     generalDrag,
+    Prompt
   },
   props: {
     setTask: {
@@ -1122,7 +1102,6 @@ export default defineComponent({
     })
 
     const showPromptAssist = ref(false)
-    const showPrompt = ref(false)
     const handleClickAssistBtn = () => {
       showPromptAssist.value = true
     }
@@ -1139,7 +1118,6 @@ export default defineComponent({
       RelightDirection,
       promptTextList,
       showPromptAssist,
-      showPrompt,
 
       setproduct,
       fileUploadChange,
@@ -1330,7 +1308,7 @@ export default defineComponent({
   }
   > .head {
     color: #000;
-    font-weight: 600;
+    // font-weight: 600;
     margin-bottom: 2rem;
     > .text {
       display: inline-block;
@@ -1544,18 +1522,7 @@ export default defineComponent({
 .designPage {
   margin-right: 4rem;
 }
-.upload_file_item {
-  // height: 13.4rem;
-  // margin-top: 2rem;
-  :deep(.ant-upload-picture-card-wrapper) {
-    .ant-upload-list-picture-card {
-      .ant-upload-select-picture-card {
-        width: 9.6rem;
-        height: 13.4rem;
-      }
-    }
-  }
-}
+
 
 .prompt-container {
   margin-top: 4rem;