初始化

src/assets/styles/v-layout.scss

@@ -155,9 +155,10 @@ $--base-super-radius: 24px;
 /* 页面 选项卡 */
 .v-tabs {
   padding: 0 $--base-medium-space;
-  margin-left:$--base-super-space;
-  margin-right:$--base-super-space;
+  margin-left: $--base-super-space;
+  margin-right: $--base-super-space;
   background-color: $--color-bg;
+
   .el-tabs__item {
     height: 36px
   }
@@ -515,9 +516,33 @@ body {
 
   .ai-edit-left {
     position: relative;
+    height: calc(100vh - 90px);
     z-index: 1;
     background-color: #fff;
-    border: 1px solid $--border-color-light
+    border-radius: $--base-small-radius;
+    border: 1px solid $--border-color-light;
+
+    .ai-show-btn {
+      position: absolute;
+      right: 0;
+      top: 50%;
+      z-index: 99;
+      transform: translate(0, -50%);
+      width: 15px;
+      height: 40px;
+      line-height: 40px;
+      text-align: center;
+      background: $--color-primary;
+      cursor: pointer;
+
+      .el-icon-arrow-right {
+        color: #fff
+      }
+
+      &.show {
+        border-radius: 4px 0 0 4px
+      }
+    }
   }
 
   .ai-edit-right {
@@ -525,10 +550,17 @@ body {
     z-index: 1;
     width: 350px;
     height: 100%;
+    transition: all .4s;
 
     &.types {
       width: 480px;
     }
+    &.hide.types {
+      margin-right: -480px; opacity: 0;
+    }
+    &.hide {
+      margin-right: -350px; opacity: 0;
+    }
   }
 }
 
@@ -673,9 +705,11 @@ body {
       margin-bottom: $--base-nomal-space;
       overflow: hidden;
     }
+
     .item-content {
       padding-top: $--base-small-space;
     }
+
     .title {
       padding: 0 $--base-nomal-space;
       font-size: $--base-nomal-font;
@@ -771,9 +805,11 @@ body {
       margin-left: $--base-medium-space;
       height: 50px;
     }
+
     .item-content {
       padding-top: $--base-small-space;
     }
+
     .title {
       position: relative;
       z-index: 9;
@@ -1012,7 +1048,11 @@ body {
   .el-upload {
     display: block;
   }
-  &.large { height: 200px;}
+
+  &.large {
+    height: 200px;
+  }
+
   .el-upload-dragger {
     display: block;
     padding: $--base-super-space 0;
@@ -1269,5 +1309,59 @@ body {
   }
 }
 
-/* 编辑页面 生成 */
+/* 编辑页面 对话列表 */
+.ai-dialog-list {
+  width: 1040px;
+  padding: $--base-large-space $--base-large-space;
+
+  .ai-dialog-list-item {
+    margin-bottom: $--base-large-space;
 
+    .item-title {
+      margin-bottom: $--base-mimi-space;
+      font-size: $--base-nomal-font;
+      font-weight: bold;
+
+      .icon {
+        width: 20px;
+        height: 20px;
+        line-height: 16px;
+        margin-right: $--base-mini-space;
+        border-radius: 20px;
+        background: linear-gradient(30deg, #1060FF 0%, #B179F2 100%);
+        text-align: center;
+
+        .iconfont:before {
+          font-size: 10px;
+          color: #fff;
+        }
+      }
+
+      .name {
+        margin-right: $--base-small-space
+      }
+
+      .tag {
+        .el-tag {
+          margin-right: $--base-mini-space;
+          font-weight: normal;
+          background-color: #F2F3F8;
+          color: #585C66;
+          border-color: #F2F3F8;
+        }
+      }
+    }
+
+    .item-describe {
+      font-size: $--base-small-font;
+      margin-bottom: $--base-small-space;
+    }
+  }
+
+  .item-image-list {
+    .el-image__inner {
+      border-radius: $--base-small-radius;
+      border: 1px solid $--border-color-light
+    }
+  }
+}

src/views/infra/job/index.vue

@@ -46,7 +46,7 @@
         <template v-slot="scope">
           <dict-tag :type="DICT_TYPE.INFRA_JOB_STATUS" :value="scope.row.status" />
         </template>
-      </el-table-column>>
+      </el-table-column>
       <el-table-column label="处理器的名字" align="center" prop="handlerName" />
       <el-table-column label="处理器的参数" align="center" prop="handlerParam" />
       <el-table-column label="CRON 表达式" align="center" prop="cronExpression" />

src/views/pages/AI-Document-Correction/dialog.vue

@@ -3,6 +3,7 @@
     <main class="ai-pages-main row">
       <!-- 对话左侧 -->
       <div class="ai-edit-left col m-r-large">
+        <div class="ai-show-btn show" @click="showPage=!showPage"><i class="el-icon-arrow-right"></i></div>
         <Toolbar
           style="border-bottom: 1px solid #ccc"
           :editor="editor"
@@ -18,7 +19,7 @@
         />
       </div>
       <!-- 对话右侧 -->
-      <div class="ai-edit-right m-r-large">
+      <div class="ai-edit-right m-r-large" :class="showPage?'show':'hide'">
         <!-- 对话 表单 -->
         <div class="ai-edit-right-form">
           <el-form ref="form" :model="form" label-width="80px" size="small">
@@ -128,6 +129,7 @@ export default {
   components: {Editor, Toolbar, FileUpload},
   data() {
     return {
+      showPage:true,
       aiSelect: "",
       modelOptions: [{label: "openAI"}],
       activeName: 'first',

src/views/pages/AI-Document-Writing/dialog.vue

@@ -3,6 +3,7 @@
     <main class="ai-pages-main row">
       <!-- 对话左侧 -->
       <div class="ai-edit-left col m-r-large">
+        <div class="ai-show-btn show" @click="showPage=!showPage"><i class="el-icon-arrow-right"></i></div>
         <Toolbar
           style="border-bottom: 1px solid #ccc"
           :editor="editor"
@@ -18,7 +19,7 @@
         />
       </div>
       <!-- 对话右侧 -->
-      <div class="ai-edit-right row types">
+      <div class="ai-edit-right row types" :class="showPage?'show':'hide'">
         <!-- 对话 表单 -->
         <div class="ai-edit-right-form m-r-large">
           <div class="ai-error-title row flex-align-center">
@@ -75,6 +76,7 @@ export default {
   components: {Editor, Toolbar, FileUpload},
   data() {
     return {
+      showPage:true,
       editor: null,
       html: '',
       toolbarConfig: {},

src/views/pages/AI-Image-Generate/dialog.vue

@@ -2,9 +2,43 @@
   <div class="ai-pages">
     <main class="ai-pages-main row">
       <!-- 对话左侧 -->
-      <div class="ai-edit-left col m-r-large">afds</div>
+      <div class="ai-edit-left col m-r-large v-overflow-y">
+        <div class="ai-show-btn show" @click="showPage=!showPage"><i class="el-icon-arrow-right"></i></div>
+        <div class="ai-dialog-list">
+          <div class="ai-dialog-list-item">
+            <div class="item-title row flex-align-center">
+              <div class="icon"><i class="iconfont icon-think"></i></div>
+              <div class="name">图像生成</div>
+              <div class="tag"><el-tag size="mini">图片3.0</el-tag><el-tag size="mini">1:1</el-tag></div>
+            </div>
+            <div class="item-describe">
+              国风写意，泼墨，大面积水彩晕染，极简构图，一只小船，沧海，青绿色主色，冷色调为主，大光圈，山林，远景，渐变风。细节描绘，国风意
+            </div>
+            <el-row :gutter="5" class="item-image-list">
+              <el-col :span="6" v-for="(item,index) in images" :key="index">
+                <el-image :src="item" fit="fill"></el-image>
+              </el-col>
+            </el-row>
+          </div>
+          <div class="ai-dialog-list-item">
+            <div class="item-title row flex-align-center">
+              <div class="icon"><i class="iconfont icon-think"></i></div>
+              <div class="name">图像生成</div>
+              <div class="tag"><el-tag size="mini">图片3.0</el-tag><el-tag size="mini">1:1</el-tag></div>
+            </div>
+            <div class="item-describe">
+              国风写意，泼墨，大面积水彩晕染，极简构图，一只小船，沧海，青绿色主色，冷色调为主，大光圈，山林，远景，渐变风。细节描绘，国风意
+            </div>
+            <el-row :gutter="5" class="item-image-list">
+              <el-col :span="6" v-for="(item,index) in images1" :key="index">
+                <el-image :src="item" fit="fill"></el-image>
+              </el-col>
+            </el-row>
+          </div>
+        </div>
+      </div>
       <!-- 对话右侧 -->
-      <div class="ai-edit-right row types">
+      <div class="ai-edit-right row" :class="showPage?'show':'hide'">
         <!-- 对话 表单 -->
         <div class="ai-edit-right-form m-r-large">
           <div class="v-ecode-form">
@@ -70,10 +104,22 @@
 </template>
 
 <script>
+import img01 from "@/assets/ai-test/jimeng-2025-05-22-136.jpeg"
+import img02 from "@/assets/ai-test/jimeng-2025-05-22-137.jpeg"
+import img03 from "@/assets/ai-test/jimeng-2025-05-22-138.jpeg"
+import img04 from "@/assets/ai-test/jimeng-2025-05-22-670.jpeg"
+
+import img05 from "@/assets/ai-test/jimeng-2025-05-22-671.jpeg"
+import img06 from "@/assets/ai-test/jimeng-2025-05-22-672.jpeg"
+import img07 from "@/assets/ai-test/jimeng-2025-05-22-673.jpeg"
+import img08 from "@/assets/ai-test/jimeng-2025-05-22-674.jpeg"
 export default {
   name: 'edit',
   data() {
     return {
+      images:[img01,img02,img03,img04],
+      images1:[img05,img06,img07,img08],
+      showPage:true,
       activeImages: "1",
       modelOptions: [{
         value: '1',

src/views/pages/AI-Marketing-Writing/dialog.vue

@@ -3,6 +3,7 @@
     <main class="ai-pages-main row">
       <!-- 对话左侧 -->
       <div class="ai-edit-left col m-r-large">
+        <div class="ai-show-btn show" @click="showPage=!showPage"><i class="el-icon-arrow-right"></i></div>
         <Toolbar
           style="border-bottom: 1px solid #ccc"
           :editor="editor"
@@ -18,7 +19,7 @@
         />
       </div>
       <!-- 对话右侧 -->
-      <div class="ai-edit-right m-r-large">
+      <div class="ai-edit-right m-r-large" :class="showPage?'show':'hide'">
         <div class="ai-edit-right-form">
           <el-form ref="form" :model="form" label-width="80px" size="small">
             <div class="ai-mark-title row flex-align-center">
@@ -142,6 +143,7 @@ export default {
   components: {Editor, Toolbar, FileUpload},
   data() {
     return {
+      showPage:true,
       textarea: '',
       form: {type: undefined, title: undefined, keyword: undefined, describe: undefined, space: 0},
       editor: null,

src/views/pages/AI-Video-Generate/dialog.vue

@@ -2,9 +2,43 @@
   <div class="ai-pages">
     <main class="ai-pages-main row">
       <!-- 对话左侧 -->
-      <div class="ai-edit-left col m-r-large">afds</div>
+      <div class="ai-edit-left col m-r-large v-overflow-y">
+        <div class="ai-show-btn show" @click="showPage=!showPage"><i class="el-icon-arrow-right"></i></div>
+        <div class="ai-dialog-list">
+          <div class="ai-dialog-list-item">
+            <div class="item-title row flex-align-center">
+              <div class="icon"><i class="iconfont icon-think"></i></div>
+              <div class="name">视频生成</div>
+              <div class="tag"><el-tag size="mini">视频3.0</el-tag><el-tag size="mini">1:1</el-tag></div>
+            </div>
+            <div class="item-describe">
+              国风写意，泼墨，大面积水彩晕染，极简构图，一只小船，沧海，青绿色主色，冷色调为主，大光圈，山林，远景，渐变风。细节描绘，国风意
+            </div>
+           <div class="item-video">
+             <video width="320" height="240" controls autoplay>
+               <source src="movie.mp4" type="video/mp4">
+             </video>
+           </div>
+          </div>
+          <div class="ai-dialog-list-item">
+            <div class="item-title row flex-align-center">
+              <div class="icon"><i class="iconfont icon-think"></i></div>
+              <div class="name">视频生成</div>
+              <div class="tag"><el-tag size="mini">视频3.0</el-tag><el-tag size="mini">1:1</el-tag></div>
+            </div>
+            <div class="item-describe">
+              国风写意，泼墨，大面积水彩晕染，极简构图，一只小船，沧海，青绿色主色，冷色调为主，大光圈，山林，远景，渐变风。细节描绘，国风意
+            </div>
+            <div class="item-video">
+              <video width="320" height="240" controls autoplay>
+                <source src="movie.mp4" type="video/mp4">
+              </video>
+            </div>
+          </div>
+        </div>
+      </div>
       <!-- 对话右侧 -->
-      <div class="ai-edit-right row types">
+      <div class="ai-edit-right row" :class="showPage?'show':'hide'">
         <!-- 对话 表单 -->
         <div class="ai-edit-right-form m-r-large">
           <div class="v-ecode-form">
@@ -69,6 +103,7 @@ export default {
   name: 'edit',
   data() {
     return {
+      showPage:true,
       activeImages: "1",
       modelOptions: [{
         value: '1',

src/views/pages/AI-Voice-Generate/dialog.vue

@@ -2,9 +2,43 @@
   <div class="ai-pages">
     <main class="ai-pages-main row">
       <!-- 对话左侧 -->
-      <div class="ai-edit-left col m-r-large">afds</div>
+      <div class="ai-edit-left col m-r-large">
+        <div class="ai-show-btn show" @click="showPage=!showPage"><i class="el-icon-arrow-right"></i></div>
+        <div class="ai-dialog-list">
+          <div class="ai-dialog-list-item">
+            <div class="item-title row flex-align-center">
+              <div class="icon"><i class="iconfont icon-think"></i></div>
+              <div class="name">视频生成</div>
+              <div class="tag"><el-tag size="mini">视频3.0</el-tag><el-tag size="mini">1:1</el-tag></div>
+            </div>
+            <div class="item-describe">
+              国风写意，泼墨，大面积水彩晕染，极简构图，一只小船，沧海，青绿色主色，冷色调为主，大光圈，山林，远景，渐变风。细节描绘，国风意
+            </div>
+            <div class="item-video">
+              <video width="320" height="240" controls autoplay>
+                <source src="movie.mp4" type="video/mp4">
+              </video>
+            </div>
+          </div>
+          <div class="ai-dialog-list-item">
+            <div class="item-title row flex-align-center">
+              <div class="icon"><i class="iconfont icon-think"></i></div>
+              <div class="name">视频生成</div>
+              <div class="tag"><el-tag size="mini">视频3.0</el-tag><el-tag size="mini">1:1</el-tag></div>
+            </div>
+            <div class="item-describe">
+              国风写意，泼墨，大面积水彩晕染，极简构图，一只小船，沧海，青绿色主色，冷色调为主，大光圈，山林，远景，渐变风。细节描绘，国风意
+            </div>
+            <div class="item-video">
+              <video width="320" height="240" controls autoplay>
+                <source src="movie.mp4" type="video/mp4">
+              </video>
+            </div>
+          </div>
+        </div>
+      </div>
       <!-- 对话右侧 -->
-      <div class="ai-edit-right row types">
+      <div class="ai-edit-right row" :class="showPage?'show':'hide'">
         <!-- 对话 表单 -->
         <div class="ai-edit-right-form m-r-large">
           <div class="v-ecode-form">
@@ -85,6 +119,7 @@ export default {
   name: 'edit',
   data() {
     return {
+      showPage:true,
       activeImages: "1",
       modelOptions: [{
         value: '1',