稍微改一下外观

src/views/home/index.vue

@@ -398,9 +398,9 @@ const onDraw = async () => {
   }
   let is_all_ok = true;
   for (const item of form.adapt_result_json) {
-    if (!item.场景关键词) {
+    if (!item.场景关键词 && !item.角色关键词) {
       ElMessage({
-        message: `分镜 ${item.编号} 场景关键词不能为空`,
+        message: `分镜 ${item.编号} 关键词为空，请重新推理本镜`,
         type: "error",
       });
       is_all_ok = false;
@@ -416,9 +416,9 @@ const onDraw = async () => {
 
 
 const onDrawOne = async (item: any) => {
-  if (!item.场景关键词) {
+  if (!item.场景关键词 && !item.角色关键词) {
     ElMessage({
-      message: "场景关键词不能为空",
+      message: "本镜关键词为空，请重新推理本镜",
       type: "error",
     });
     return;
@@ -567,9 +567,15 @@ const onChangeScreen = (val: string) => {
 }
 
 const showsdprompt = (item: any) => {
+  if (!item.画面描述词) {
+    ElMessage({
+      message: "还未绘图，请绘图后查看",
+      type: "error",
+    });
+    return;
+  }
   // alert(item.画面描述词)
-  // dialogData.value = `${item.画面描述词},${sd_prompt_prefix}===== 反向提示词 =====${sd_negative_prompt_prefix}`;
-  dialogData.value = `${item.场景关键词英文},${item.角色关键词英文},${sd_prompt_prefix}===== 反向提示词 =====${sd_negative_prompt_prefix}`;
+  dialogData.value = `${item.画面描述词},${sd_prompt_prefix}===== 反向提示词 =====${sd_negative_prompt_prefix}`;
   dialogVisible.value = true; // 打开对话框
 }
 
@@ -720,7 +726,7 @@ const onDeleteOne = (item: any) => {
       </el-form-item>
       <el-form-item label="分镜">
         <el-table :data="form.adapt_result_json" border style="width: 100%; z-index: calc(var(--el-table-index) -1)">
-          <el-table-column prop="编号" label="编号" width="60" />
+          <el-table-column prop="编号" label="编号" width="55" />
           <el-table-column prop="场景描述" label="场景描述">
             <template v-slot="scope">
               <el-input v-model="scope.row.场景描述" :autosize="true" type="textarea"></el-input>
@@ -729,11 +735,11 @@ const onDeleteOne = (item: any) => {
           <el-table-column prop="场景关键词" label="场景关键词">
             <template v-slot="scope">
               <el-text class="mx-1" size="small">{{ scope.row.场景关键词 }}</el-text>
-              <hr style="border: none;border-top: 1px dashed #999;">
+              <hr style="border: none; border-top: 1px dashed #999; margin: 5px 0;">
               <el-text class="mx-1" size="small">{{ scope.row.场景关键词英文 }}</el-text>
             </template>
           </el-table-column>
-          <el-table-column prop="角色" label="角色">
+          <el-table-column prop="角色" label="角色" width="150" >
             <template v-slot="scope">
               <el-text class="mx-1" size="small">{{ scope.row.角色 }}</el-text>
             </template>
@@ -741,7 +747,7 @@ const onDeleteOne = (item: any) => {
           <el-table-column prop="角色关键词" label="角色关键词">
             <template v-slot="scope">
               <el-text class="mx-1" size="small">{{ scope.row.角色关键词 }}</el-text>
-              <hr style="border: none;border-top: 1px dashed #999;">
+              <hr style="border: none; border-top: 1px dashed #999; margin: 5px 0;">
               <el-text class="mx-1" size="small">{{ scope.row.角色关键词英文 }}</el-text>
             </template>
           </el-table-column>
@@ -761,9 +767,9 @@ const onDeleteOne = (item: any) => {
             </template> 
             -->
             <template v-slot="scope">
-              <div style="margin: 10px 0"><el-button type="primary" size="small" @click="onAdaptOneScene(scope.row)">推理场景</el-button></div>
-              <div style="margin: 10px 0"><el-button type="primary" size="small" @click="onAdaptOneSceneRoles(scope.row)">推理角色</el-button></div>
-              <div style="margin: 10px 0"><el-button type="primary" size="small" @click="onDrawOne(scope.row)">绘图</el-button></div>
+              <div style="margin: 5px 0"><el-button type="primary" size="small" @click="onAdaptOneScene(scope.row)">推理场景</el-button></div>
+              <div style="margin: 5px 0"><el-button type="primary" size="small" @click="onAdaptOneSceneRoles(scope.row)">推理角色</el-button></div>
+              <div style="margin: 5px 0"><el-button type="primary" size="small" @click="onDrawOne(scope.row)">绘图</el-button></div>
               <el-upload
                 class="upload-demo"
                 ref="upload"
@@ -777,7 +783,7 @@ const onDeleteOne = (item: any) => {
               >
                 <el-button type="primary" size="small">上传图片</el-button>
               </el-upload>
-              <div style="margin: 10px 0"><el-button plain size="small" @click="showsdprompt(scope.row)">debug</el-button></div>
+              <div style="margin: 5px 0"><el-button plain size="small" @click="showsdprompt(scope.row)">debug</el-button></div>
               <el-dialog
                 v-model=dialogVisible
                 width="80%"
@@ -850,7 +856,7 @@ const onDeleteOne = (item: any) => {
         <el-slider v-model="bgm_volume" show-input :step="0.1" :min="0" :max="2" :marks="default_data.bgm_volume_marks" style="width: 600px" />
       </el-form-item>
       <el-form-item>
-        <span style="margin: 20px 20px">字幕：</span>
+        <span style="margin: 20px 20px">字幕合成：</span>
         <el-switch v-model="form.if_need_subtitle" active-value="true" inactive-value="false"/>
         <div v-if="JSON.parse(form.if_need_subtitle.toLowerCase())">
           <span style="margin-left:30px;">字体颜色：</span>