图生图批量操作&裁图功能

src/layout/components/AppMain.vue

@@ -34,7 +34,7 @@ export default {
   height: calc(100vh - 50px);
   width: 100%;
   position: relative;
-  overflow-y: scroll;
+  overflow-y: hidden;
   /*display: flex;*/
 }
 
@@ -78,7 +78,7 @@ export default {
   .app-main {
     /* 84 = navbar + tags-view = 50 + 34 */
     height: calc(100vh - 110px);
-    overflow-y: scroll;
+    overflow-y: hidden;
     margin-top: 10px;
     border-radius: 5px;
     box-shadow: 0 0 5px rgba(100,100,100,.2);

src/styles/layout.scss

@@ -20,4 +20,8 @@
 }
 .app-container{
   height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 10px;
+  padding-bottom: 0;
 }

src/views/common/swPage.vue

@@ -62,6 +62,8 @@ export default {
 		margin-top: 10px;
 		margin-bottom: 10px;
 		float: right;
+		display: flex;
+    justify-content: flex-end;
 	}
 
 

src/views/crop-list/index.vue

@@ -27,7 +27,7 @@
       <el-table  style="width: 100%" v-loading="listLoading" :key="tableKey" :data="list" row-key="id"
         stripe border fit highlight-current-row @selection-change="handleSelectionChange">
         <!-- <el-table-column type="selection" width="55" :selectable="selectable"></el-table-column> -->
-        <el-table-column label="SKU名称" align="center">
+        <el-table-column label="SKU名称" align="center" min-width="100">
           <template slot-scope="scope">
             <el-popover
               placement="bottom"
@@ -67,7 +67,7 @@
             </el-popover>
           </template>
         </el-table-column>
-        <el-table-column label="原图" min-width="100" align="center">
+        <el-table-column label="原图" min-width="180" align="center">
           <template slot-scope="scope">
             <p v-if="scope.row.type == 1 && scope.row.referenceImagesList && scope.row.referenceImagesList.length" @click="openGallery(scope.row, 'default')">
               <img style="max-width: 100px;"  :src="scope.row.referenceImagesList[0]"  alt=""></img>
@@ -77,15 +77,15 @@
             </p>
           </template>
         </el-table-column>
-        <el-table-column label="AI生成图" min-width="100" align="center">
+        <el-table-column label="AI生成图" min-width="180" align="center">
           <template slot-scope="scope">
             <p style="margin: 0;cursor: pointer;" v-if="scope.row.aiGeneratedImageVOList && scope.row.aiGeneratedImageVOList.length" @click="openGallery(scope.row)">
               <img style="max-width: 100px;"  :src="scope.row.aiGeneratedImageVOList.filter(acc => acc.imageType == 1)[0].imageUrl"  alt="">
             </p>
           </template>
         </el-table-column>
-        <el-table-column label="预计完成时间" min-width="100" align="center" prop="expectedCompletionTime" />
-        <el-table-column label="状态" min-width="100" align="center">
+        <el-table-column label="预计完成时间" min-width="150" align="center" prop="expectedCompletionTime" />
+        <el-table-column label="状态" min-width="120" align="center">
           <template slot-scope="scope">
             <el-tag v-if="scope.row.status == 0">提交中</el-tag>
             <el-tag v-if="scope.row.status == 1">AI生成中</el-tag>

src/views/design-agent/design-agent.scss

@@ -51,6 +51,7 @@
 }
 .design-agent-block {
   height: 100%;
+  overflow-y: auto;
   * {
     margin: 0;
     list-style: none;