From 3578ab778e04dcf42064769301efdcf4c5ee3c07 Mon Sep 17 00:00:00 2001
From: zttProjectSpace <zhangtantan@h-partners.com>
Date: Thu, 16 Jan 2025 16:05:58 +0800
Subject: [PATCH 1/6] =?UTF-8?q?=E5=88=9B=E5=BB=BA=E5=BA=94=E7=94=A8?=
 =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E8=A1=A8=E5=8D=95=E4=B8=8E=E5=8F=B3=E4=BE=A7?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E9=A2=84=E8=A7=88=E8=81=94=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apis/tools.ts                             |   1 -
 src/assets/images/preTitleIcon.png            | Bin 0 -> 2414 bytes
 src/store/conversation.ts                     |   1 -
 src/views/createapp/components/appConfig.vue  |  36 +++--
 .../components/workFlowConfig/CustomEdge.vue  |   1 -
 src/views/createapp/style.scss                |  18 ++-
 src/views/dialogue/Copilot.vue                |   5 -
 .../dialogue/components/DialogueSession.vue   |   5 +-
 .../dialogue/components/InterPreview.vue      |  68 +++++++-
 src/views/dialogue/dialogueView.vue           |   2 +-
 src/views/styles/InterPreview.scss            | 149 ++++++++++++++++++
 11 files changed, 253 insertions(+), 33 deletions(-)
 create mode 100644 src/assets/images/preTitleIcon.png

diff --git a/src/apis/tools.ts b/src/apis/tools.ts
index ccd9c32a..45a361af 100644
--- a/src/apis/tools.ts
+++ b/src/apis/tools.ts
@@ -76,7 +76,6 @@ export const handleAuthorize = async (errStatus: number): Promise<void> => {
     window.open(LOGOUT_CALLBACK_URL, '_self');
   }
   else{
-    console.log(errStatus);
     errorMsg(`${errStatus} is error`);
   }
 };
diff --git a/src/assets/images/preTitleIcon.png b/src/assets/images/preTitleIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..9242eae6adf105142b8f0c71fe502df65b0f7b58
GIT binary patch
literal 2414
zcmV-!36b`RP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00004b3#c}2nYxW
zd<bNS000RkNkl<Zc%02!UuzuK75|-cXI2_Xu}y7Bwj#NCDWL@Vvi<<g2k5J5LthNe
zEOkj7XdfEqWhk_ehe9bNu#2e)w6u^9;eG(`OQ9|aEe*D-II;!)Bkinq=HAnX(XM89
zXXf77U8VlPpwZkj_nzOm=bZaz?h;NJQ6%1Oj8!i{V1VTmaT*{%j2KIPumJ!@Cj<cS
z0fE2I3jNd|-s<BpiYPrz{pd6*y%EWpNpO}4XM~a!0Dy0Ksid6P?-?I2_ywMS8qvXG
zHC><qqDZ_w-~#Evc>`J=E3}b!k@0~vmA=o7{rf#U{o8^(V{QXPk$C&P_@eQ=4Wmlx
zo3Z!v<w@>eRuD5t_qOBU@w_22mjQ0xlFcKPY!SevLJKCJhY$=YfA{tW^o^yKQp{w4
zFp?FO9_@g5tx|9S<biSn3}uY?2VQ`Oofh>hHBO<n0p9yi)>BC?FN&N^#zvkEM2tBQ
zk6+W|Ke+QgJ#nacgjxo;@lkI_w70P+a<+0C`6B2v-MjOPm4^-*0H|Sr_kT5LCKU~j
z;S}TE<$c5c*Q^iq?GM(hxxupu+`M(LY1mtXYp(q^Lc;=9$t4!=833yR%Cq+|bh@f2
z<#SHGzaVn+^nO<E!+1;Qu74^`TU(U|xbabMhdH^l5b`dV)Afhs^SJg&Z>Q>&QUkpA
zp{#q_+i;G18%{ay%Y+mK8`u6Q>t$~g8X$~hg(SJ`(xj7e^OB!a2i3>ruq`V^WrYS%
z>CuiR^YS#~o{u=BKHb9rZS<(k3CiPj2G^e~Pc;fdVQLt>c}q6MB-@%HrE~jQij9N&
z9EwN?%37D>zaYRcb@Y<y)NjKgbW;52_PgWL<}nY5BJqq#wh{nylb-<hIpiMQD<dxi
z5G3>xy2nN}-P>>`520i$x+`Nt|Cj;xd-25-;6)}qK0=dw9KuLANx0MyB5gL*9vQ;Y
zhD&(@AQhh<{R<cKBBNf8BJrLKk{=iYT2$N*iGu)PIFScsYfBkDldgEuDsH1X?(-NX
zSyqt$Jiy<F`w1ft*gM39MUhtr9P&%t8<BVHc@RxK2T_v@-(zq%FL?kk8uZ3@abfuX
zC?05ea9(Un0}FZ8=TKtP6f#XW!YC$>X&D2AAk_q;18}!mlM@sTuae+AfXBzpWP5m`
zlQ*rkRgSeBLQF2sX__QY6D#Za@{l2b&?VyOu$a)XaBgv2-aEt>pZ}Z=7yy<MoSla}
z_t1uzFz2>87q(p`vZ#EoDP-DJI#!VffM6}-%m8piI8#m!R`Nt>R`zC&R6%dn2$eDU
zrcq`hFSw&|%$cJ|ywTQmP4d8`q7~$;$rRtiDj%W%w%!MT#9$@5D<1F0Se==CrbjbV
z)R8>uB*seeCkeBL>*uliC05xB5ZGy!z_<6j5V}rDujrnsYxR^F$pgTkfq)ILTv+Nl
zAE+kNO#^8e#VzpA5LvfXl4t5b%oVV10q9m4YfdaP>EwJVxiaL-^R76pXp<AwG`{Yp
zzO+PfOIQj#0^{V3?qqGKFw6KA^2ey#`v8#maXP&mu9;13Zp>oZUXso04ePF9X=Rg{
zsW|Td=1QKt0AYo3M;<T>`K&y!Z;Dzgo^(f=zJ#cmEpWJFmQ2UMbYN7MU_xT*8c-L|
z+3ZfKPy}I7Jw?~-<N+Xt$I6%d=jmGHbA(+oI0zvn)D*=Xu<i=bl5DU8ScRa96=Pvr
z1xcWW2R9_xI0=DS7eSSZPG@jB@rIKzd_>-o@h8Yj0e>s}@q0c(yf@GKf7XeP<R>w%
z<biSWlLn~SiAICiX&O*fv9r6DXYiSNe$oK5?oGysXL@mjLPg1qOs)<$@&(3q(Xj&T
zAt)aS94am)KdETJeZGyEr^GHO;X#ajW}si^r74+NdVWaecxR_Jd7M0-YX?iA&*`!)
z2Ffc=U?HDVw2;hDyW^gmc`;O>V-*g8n78^kto!2Fmz*5=+SgbeWtXMyIq=px4mpY_
zCGt;>med_eC|j)5a{U4W6i;~zw$*apB|!P!pzRESLN9uovbBIAyl^6ajQsSIm?~Fm
zRTCqvOxq|^GW)9_KfD(j|BB>D9zH;varOX!Q#=<Q|6ow|;^f?0v*~cQvu4=>pN?b7
zR(j(*$Z#jG`UM`~=)p1Y9LPE1yT3kq%k!ytZ=i&H9;{STU_yYJh2%?jgeUK*`XdUc
z!+p%w^Fx^w{m<T^e*n1;BmQz@zw#vu4C}72w1lZ8B;Bf>x89@dc?EeF3<n(#Bd#L@
z-0$J3Hp8XaG~5p_=q?~F5OvDN?%Km0sKb4_Qc2#?^|gU~bstZMkMp@0*FWxU`^MXx
zd~u$W8{(_>D9*VCc?L+RgC07IJfn~f@XeopN{@#BkL?I;$H8L(O#a1rkF5~6#mp_C
z<Ag;;7fn9vE{uE*qGA5~diF`|M864K|BY<=oNPNCTd8??K`S)jnReB12cZszuI`%D
zEaloHqS&WFibsEWXZ(P~lmP(XXCKR(P|4b&PizgLmk|n^aC}{#BVMZwd$}0AGz|LF
zRr+F5q;Msu&*7nYiSN(XaJi7u=s<Hv`)CrOX^N8D0^^<-udM|5XOUQ;2LQme-^#jb
z6r2=W?3tZ8H#Oa47<h2!YVjfJ(sP1$ZqXA>>0a%IUorAW8hd5r0n16zI;XBD8$Olt
znmQ<rumAcJs^nljD}4KxjV>GWY;M=DIJV-9ItDa&77MhkN~aGarjZ^PUX9r#m&zM<
z@4i!U{fY9=eoX&%(WNvA7UA0OdOOPVHl`bYb>jX=W6$RHdDJoh09^ZntSd<_lQJ(;
z@S0+ftLx81-bLoPyeiw5p|$}4AZ*J@s<FdJ*5;1;1-QNj4pss@?EL6k_|a4z*MBdY
z!pRnSesMBAW!D#mNd&u-)7v_j%K$)j!t~L1;){AI*ibrG-zk#U3L+`?zV|vFM{oZh
ze>j=P4<qs3SjPqN2j_iijCPh58ux@gdD#Ez{wws;*&^KdMAi=0aJDhPnFJU=fmV~e
zQRorlMGQRu{OT+G<LNR)cg5TN603s-0szZG7#+!Bm2DIa`te>61c>7p{#xKcq2B=F
gt#usE>*6;24?^DTK94t4qW}N^07*qoM6N<$f*9zO=>Px#

literal 0
HcmV?d00001

diff --git a/src/store/conversation.ts b/src/store/conversation.ts
index 25cb703b..aec2ae63 100644
--- a/src/store/conversation.ts
+++ b/src/store/conversation.ts
@@ -337,7 +337,6 @@ export const useSessionStore = defineStore('conversation', () => {
         });
       }
     } catch (err: any) {
-      console.log(err);
       isPaused.value = true;
       isAnswerGenerating.value = false;
       (conversationList.value[answerIndex] as RobotConversationItem).isFinish = true;
diff --git a/src/views/createapp/components/appConfig.vue b/src/views/createapp/components/appConfig.vue
index 1d14c3a5..b46bd4e2 100644
--- a/src/views/createapp/components/appConfig.vue
+++ b/src/views/createapp/components/appConfig.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, reactive } from 'vue';
+import { ref, reactive, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 const { t } = useI18n();
 import { IconCaretRight, IconPlusCircle, IconDelete, IconSearch } from '@computing/opendesign-icons';
@@ -17,7 +17,6 @@ const createAppForm = ref({
   selectedPeople: [],
 });
 const searchName = ref('');
-const imageUrl = ref('')
 const permissionTypeList = [
   {
     label: '公开（所有人可见）',
@@ -56,7 +55,7 @@ const handleChange = (val: number[]) => {
   activeNames.value = val;
 };
 const addLink = () => {
-  createAppForm.value.connectList.unshift('');
+  createAppForm.value.connectList.push('');
 };
 const addRecommond = () => {
   createAppForm.value.recommendQuestionList.unshift('');
@@ -71,10 +70,13 @@ const searchPerson = () => {
   curPersonList.value = permissionList.value.filter(item => item.toLowerCase().includes(searchName.value));
 };
 
-const handleAvatarSuccess = (res,file)=>{
-  console.log(res,file)
-}
+const handleAvatarSuccess = (res, file) => {
+  createAppForm.value.icon = URL.createObjectURL(file.raw)
+};
 
+const httpRequest = (res)=>{
+  res.onSuccess()
+}
 </script>
 <template>
   <el-form
@@ -96,18 +98,19 @@ const handleAvatarSuccess = (res,file)=>{
           <div class="uploadArea">
             <el-upload
               class="placeIcon avatar-uploader"
-              action="https://jsonplaceholder.typicode.com/posts/"
+              action="#"
               :show-file-list="false"
               :on-success="handleAvatarSuccess"
+              :http-request="httpRequest"
             >
-              <img v-if="imageUrl" :src="imageUrl" class="avatar" />
+              <img v-if="createAppForm.icon.length" :src="createAppForm.icon" class="avatar" />
               <i v-else class="el-icon-plus avatar-uploader-icon"></i>
             </el-upload>
             <span class="text">上传图标</span>
           </div>
         </el-form-item>
         <el-form-item label="应用名称" prop="appName">
-          <el-input class="w320" v-model="createAppForm.appName" clearable placeholder="请输入"></el-input>
+          <el-input class="w320" maxlength="20" v-model="createAppForm.appName" clearable placeholder="请输入"></el-input>
         </el-form-item>
 
         <el-form-item label="应用简介" prop="appIntroduction">
@@ -213,8 +216,11 @@ const handleAvatarSuccess = (res,file)=>{
       </el-collapse-item>
     </el-collapse>
   </el-form>
-  <div class="createAppContainerMainRight">
-    <DialogueSession :modeOptions="modeOptions" isCreateApp="true" />
+  <div class="createAppContainerMainBox">
+    <div class="previewTitle">界面预览</div>
+    <div class="createAppContainerMainRight">
+      <DialogueSession :modeOptions="modeOptions" isCreateApp="true" :createAppForm="createAppForm" />
+    </div>
   </div>
 </template>
 <style scoped lang="scss">
@@ -262,9 +268,11 @@ const handleAvatarSuccess = (res,file)=>{
           width: 100%;
           height: 100%;
           border-radius: 50%;
-        }
-        .avatar-uploader .el-upload:hover {
-          border-color: #409eff;
+          img{
+            width: 100%;
+            height: 100%;
+          border-radius: 50%;
+          }
         }
         .avatar-uploader-icon {
           font-size: 28px;
diff --git a/src/views/createapp/components/workFlowConfig/CustomEdge.vue b/src/views/createapp/components/workFlowConfig/CustomEdge.vue
index c9e3bef9..2d044642 100644
--- a/src/views/createapp/components/workFlowConfig/CustomEdge.vue
+++ b/src/views/createapp/components/workFlowConfig/CustomEdge.vue
@@ -39,7 +39,6 @@ const props = defineProps({
   },
 })
 const path = computed(() => getSmoothStepPath(props)[0])
-console.log(props,'kkkk',path)
 const transform = computed(() => {
   return getArrowTransform(props)
 })
diff --git a/src/views/createapp/style.scss b/src/views/createapp/style.scss
index 2fe66e9b..3bcbda99 100644
--- a/src/views/createapp/style.scss
+++ b/src/views/createapp/style.scss
@@ -88,8 +88,22 @@
     margin-top: 16px;
   }
 
-  .createAppContainerMainRight {
+  .createAppContainerMainBox{
     flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    .previewTitle{
+      line-height: 24px;
+      font-size: 16px;
+      font-weight: 700;
+      color: var(--o-text-color-primary);
+    }
+  }
+
+  .createAppContainerMainRight {
+    width: 100%;
+    height: calc(100% - 32px);
     background-image: url('../../assets/images/light_background.png');
     --o-bg-image: url('../../assets/images/light_background.png');
     --o-shell-image: url('../../assets/images/light_shell.png');
@@ -107,7 +121,7 @@
     }
   }
 
-  .createAppContainerMainRight{
+  .createAppContainerMainBox{
     .dialogue-conversation{
       display: flex;
       flex-direction: column;
diff --git a/src/views/dialogue/Copilot.vue b/src/views/dialogue/Copilot.vue
index b06b0f9f..11d94cff 100644
--- a/src/views/dialogue/Copilot.vue
+++ b/src/views/dialogue/Copilot.vue
@@ -51,9 +51,6 @@ const initCopilot = async (): Promise<void> => {
   }
   userinfo.value.organization = type;
   const currRoute = router.currentRoute;
-  console.log(currRoute.value.path);
-  console.log(currRoute.value.params);
-  console.log(currRoute.value);
   if (currRoute.value.path === '/') {
     const isLogin = await getUserInfo();
     if (isLogin) {
@@ -64,12 +61,10 @@ const initCopilot = async (): Promise<void> => {
     }
     return;
   }else if(currRoute.value.query.id){
-    console.log(currRoute.value.query);
     app.value = {
       id:String(currRoute.value.query.id),
       name:String(currRoute.value.query.name),
     }
-    console.log(app.value);
   }else{
     console.log('else');
   }
diff --git a/src/views/dialogue/components/DialogueSession.vue b/src/views/dialogue/components/DialogueSession.vue
index 22c3941a..1dc6ba17 100644
--- a/src/views/dialogue/components/DialogueSession.vue
+++ b/src/views/dialogue/components/DialogueSession.vue
@@ -26,6 +26,7 @@ const session = useSessionStore();
 export interface DialogueSession {
   modeOptions: any;
   isCreateApp: any;
+  createAppForm:any;
 }
 
 const props = withDefaults(defineProps<DialogueSession>(), {});
@@ -812,8 +813,8 @@ const handlePauseAndReGenerate = (cid?: number) => {
           <InitalPanel />
         </div>
       </div>
-      <div class="dialogue-conversation-main " v-else>
-         <InterPreview />
+      <div class="dialogue-interPreview-main" v-else>
+         <InterPreview :createAppForm="props.createAppForm"/>
       </div>
       <div class="createApp-demo"></div>
       <div class="dialogue-conversation-bottom">
diff --git a/src/views/dialogue/components/InterPreview.vue b/src/views/dialogue/components/InterPreview.vue
index 0a016104..d7e1f428 100644
--- a/src/views/dialogue/components/InterPreview.vue
+++ b/src/views/dialogue/components/InterPreview.vue
@@ -1,13 +1,69 @@
 <template>
-  <div>
-    <div></div>
-    <div></div>
-    <div></div>
+  <div class="interPreviewBox">
+    <div v-if="interPreviewInfo.appName.length" class="preTop">
+
+      <div class="preTopContent">
+      <img src="@/assets/images/preTitleIcon.png" class="preTitleIcon"/>
+        <div class="preMainAppName">
+          {{ interPreviewInfo.appName }}
+        </div>
+      </div>
+    </div>
+    <div class="preMain">
+      <div class="preMainImg" >
+        <img :src="interPreviewInfo.icon" class="preMainAvator" v-if="interPreviewInfo.icon.length"/>
+      </div>
+      <div class="preMainContent" v-if="interPreviewInfo.appName.length || interPreviewInfo.appIntroduction.length || interPreviewInfo.connectList.length">
+        <div class="preMainContentTitle" v-if="interPreviewInfo.appName.length">
+          <div class="greetDes">
+            <div class="greetDesContent">你好，我是</div>
+            <div class="greetDesAppName greetDesContent">{{ interPreviewInfo.appName }}</div>
+            <div class="greetDesContent">，很高兴为你服务</div>
+          </div>
+          <div class="preAppUser">
+            <div>@zhang</div>
+            <div class="contentCollect"> <IconUnfavorite /></div>
+          </div>
+        </div>
+        <div class="preMainContentDes" v-if="interPreviewInfo.appIntroduction.length">
+          {{ interPreviewInfo.appIntroduction }}
+        </div>
+        <div class="preMainContentLink" v-if="interPreviewInfo.connectList.length">
+          <el-badge :value="connnectLinkList.length" class="linkBadge">
+            <div class="contentLinkTitle">相关链接</div>
+          </el-badge>
+          <div class="connectBox">
+            <div v-for="(connect,index) in connnectLinkList" >
+              <div v-if="connect.length" class="connectCard">
+                <div class="connectBoxIndex">{{ index+1 }}</div>
+                <el-link class="connectBoxContent" type="primary" :href="connect">{{ connect }}</el-link>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 <script setup lang="ts">
 import '../../styles/InterPreview.scss';
-import { computed, nextTick, onMounted, ref, watch } from 'vue';
+import {  ref, watch } from 'vue';
+import {   IconUnfavorite } from '@computing/opendesign-icons';
 
-const props = withDefaults(defineProps(), {});
+interface InterPreProps{
+  createAppForm:any
+}
+const props = withDefaults(defineProps<InterPreProps>(), {});
+const interPreviewInfo = ref();
+const connnectLinkList = ref<any>([]);
+watch(
+  () => props.createAppForm,
+  (newValue, oldValue) => {
+    interPreviewInfo.value = props.createAppForm;
+    connnectLinkList.value = props.createAppForm.connectList.filter(item=>item.length)
+  },{
+    immediate:true,
+    deep:true
+  }
+);
 </script>
diff --git a/src/views/dialogue/dialogueView.vue b/src/views/dialogue/dialogueView.vue
index eee903a7..2cb49489 100644
--- a/src/views/dialogue/dialogueView.vue
+++ b/src/views/dialogue/dialogueView.vue
@@ -516,7 +516,7 @@ const handleSelect = (val: any) => {
 <style lang="scss" scoped>
 .dialogue {
   height: 100%;
-  min-height: 768px;
+  min-height: 864px;
   overflow: scroll;
   display: flex;
   flex-direction: column;
diff --git a/src/views/styles/InterPreview.scss b/src/views/styles/InterPreview.scss
index e69de29b..a71af79b 100644
--- a/src/views/styles/InterPreview.scss
+++ b/src/views/styles/InterPreview.scss
@@ -0,0 +1,149 @@
+.dialogue-interPreview-main {
+  width: 100%;
+  display: flex;
+  margin-top: 32px;
+  .interPreviewBox {
+    display: flex;
+    width: 100%;
+    gap: 32px;
+    flex-direction: column;
+    .preTop {
+      width: 100%;
+      display: flex;
+      justify-content: center;
+      
+      .preTopContent {
+        display: flex;
+        align-items: center;
+        height: 40px;
+        padding: 8px;
+        border-radius: 20px;
+        gap: 8px;
+        background: linear-gradient(122.39deg, rgba(109, 117, 250, 0.2) -20.158%, rgba(90, 179, 255, 0.2) 112.459%);
+        .preTitleIcon{
+            width: 32px;
+            height: 32px;
+          } 
+          .preMainAppName{
+            font-size: 16px;
+            line-height: 24px;
+            color: var(--o-text-color-primary);
+            font-weight: 700;
+          }
+    }
+    }
+
+    .preMain {
+      padding-left: 40px;
+      display: flex;
+      gap: 16px;
+
+      .preMainImg {
+        width: 46px;
+        height: 46px;
+        border-radius: 50%;
+        .preMainAvator {
+          width: 100%;
+          height: 100%;
+          border-radius: 50%;
+        }
+      }
+      .preMainContent {
+        width: calc(100% - 166px);
+        padding: 24px;
+        background-color: var(--o-bg-color-base);
+        .preMainContentTitle {
+          display: flex;
+          flex-direction: column;
+          gap: 8px;
+          border-bottom: 1px solid var(--o-time-text);
+          .greetDes {
+            display: flex;
+            .greetDesContent {
+              font-size: 24px;
+              font-weight: 700;
+              line-height: 32px;
+              color: var(--o-text-color-primary);
+            }
+            .greetDesAppName {
+              color: #6c77fa;
+            }
+          }
+          .preAppUser {
+            display: flex;
+            gap: 16px;
+            margin-bottom: 8px;
+          }
+        }
+        .preMainContentDes {
+          font-size: 16px;
+          line-height: 24px;
+          margin-top: 8px;
+          margin-bottom: 20px;
+        }
+        .preMainContentLink {
+          .contentLinkTitle {
+            color: var(--o-text-color-primary);
+            font-size: 16px;
+            line-height: 24px;
+          }
+          .linkBadge {
+            .el-badge__content{
+                right: calc(-10px + var(--el-badge-size) / 2);
+                top: 4px;
+            }
+           
+          }
+
+          .connectBox{
+            display: flex;
+            flex-wrap: wrap;
+            gap: 8px;
+            .connectCard{
+                display: flex;
+                height: 32px;
+                align-items: center;
+                background: rgba(99,149,253,0.1);
+                padding:0  8px 0 4px;
+                border-radius: 20px;
+                gap: 6px;
+                .connectBoxIndex{
+                    width: 24px;
+                    height: 24px;
+                    border-radius: 50%;
+                    text-align: center;
+                    line-height: 24px;
+                    font-size: 14px;
+                    color: var(--o-text-color-primary);
+                  background: var(--o-bg-color-base);  
+                }
+                .connectBoxContent{
+                    color: #6395fd;
+                    font-size: 14px;
+                    cursor: pointer;
+                    font-weight: 400;
+                }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .contentCollect {
+    width: 24px;
+    height: 24px;
+    background-color: var(--o-bg-color-light);
+    border-radius: 8px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    svg {
+      width: 16px;
+      height: 16px;
+      path {
+        fill: var(--o-text-color-tertiary);
+      }
+    }
+  }
+}
-- 
Gitee


From b3f6bc097415b1597ef775744b1c9ba9c29379a9 Mon Sep 17 00:00:00 2001
From: zttProjectSpace <zhangtantan@h-partners.com>
Date: Thu, 16 Jan 2025 16:09:36 +0800
Subject: [PATCH 2/6] =?UTF-8?q?=E5=88=9B=E5=BB=BA=E5=BA=94=E7=94=A8?=
 =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E8=A1=A8=E5=8D=95=E4=B8=8E=E5=8F=B3=E4=BE=A7?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E9=A2=84=E8=A7=88=E8=81=94=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workFlowConfig/CustomSaENode.vue          | 116 ++++++++++++++----
 1 file changed, 92 insertions(+), 24 deletions(-)

diff --git a/src/views/createapp/components/workFlowConfig/CustomSaENode.vue b/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
index db2face7..96b4b902 100644
--- a/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
+++ b/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
@@ -18,6 +18,10 @@ const props = defineProps({
     type: Object,
     required: false,
   },
+  mark: {
+    type: String,
+    required: false,
+  },
 });
 
 const statusList = ref(['waiting', 'success', 'error', 'default']);
@@ -39,6 +43,8 @@ watch(
 <template>
   <div class="nodeSaEBorder">
     <Handle :type="props.data.target" :position="Position[props.data.nodePosition]"></Handle>
+    <div class="outHandleRing outRingLeft"></div>
+    <div class="outHandleRing outRingRight"></div>
     <div class="nodeShadow"></div>
     <div class="nodeSaEBorderBox">
       <div v-if="props.data.label">{{ props.data.label }}</div>
@@ -59,8 +65,6 @@ watch(
       color: var(--o-text-color-tertiary);
     }
     &:hover {
-      
-      border: 4px solid rgba(122, 165, 255, 0.3);
       .vue-flow__handle-left {
         width: 24px;
         height: 24px;
@@ -89,8 +93,29 @@ watch(
   border-radius: 8px;
   justify-content: center;
   position: relative;
-  box-shadow: 0px 8px 16px 0px rgb(0,0,0,0.1);
+  box-shadow: 0px 8px 16px 0px rgb(0, 0, 0, 0.1);
   transform: rotate(45deg);
+
+  .outHandleRing {
+    position: absolute;
+    display: block;
+    width: 24px;
+    height: 24px;
+    background: #fff;
+    border-radius: 50%;
+    top: 50%;
+    z-index: -1;
+  }
+  .outRingLeft {
+    display: none;
+    left: -12px;
+    margin-top: -12px;
+  }
+  .outRingRight {
+    display: none;
+    right: -12px;
+    margin-top: -12px;
+  }
   .nodeSaEBorderBox {
     width: 40px;
     height: 40px;
@@ -99,51 +124,94 @@ watch(
     display: flex;
     align-items: center;
     justify-content: center;
-    background: linear-gradient(127.60deg, rgba(109,117,250,0.15) 8.685%,rgba(90,179,255,0.15) 98.985%);
+    background: linear-gradient(127.6deg, rgba(109, 117, 250, 0.15) 8.685%, rgba(90, 179, 255, 0.15) 98.985%);
     * {
       transform: rotate(-45deg);
     }
   }
+  &:hover {
+    border: 4px solid rgba(99, 149, 253, 0.3);
+    box-shadow: 0px 0px 0px 8px rgba(99, 149, 253, 0.1);
+    .vue-flow__handle-right {
+      right: -8px;
+      width: 24px;
+      height: 24px;
+      right: -12px;
+      margin-top: -12px;
+      transform: rotate(45deg);
+      border: 4px solid rgba(99, 149, 253, 0.3);
+      z-index: -1;
+      border-bottom: 4px solid transparent;
+      &::after {
+        border: 3px solid rgba(99, 149, 253, 0.3);
+        background: rgba(99, 149, 253);
+        background-clip: content-box;
+      }
+    }
+    .vue-flow__handle-left {
+      right: -8px;
+      width: 24px;
+      height: 24px;
+      left: -12px;
+      margin-top: -12px;
+      transform: rotate(45deg);
+      border: 4px solid rgba(99, 149, 253, 0.3);
+      z-index: -1;
+      border-top: 4px solid transparent;
+      &::after {
+        border: 3px solid rgba(99, 149, 253, 0.3);
+        background: rgba(99, 149, 253);
+        background-clip: content-box;
+      }
+    }
+    .outRingRight {
+      display: none;
+      box-shadow: 0px 0px 0px 8px rgba(99, 149, 253, 0.1);
+      background-clip: content-box;
+    }
+  }
 
-  .vue-flow__handle-right{
+  .vue-flow__handle-right {
     top: 0;
     width: 16px;
     height: 16px;
     border-radius: 50%;
-    background: rgb(253,254, 255);
+    background: rgb(253, 254, 255);
     display: flex;
+    right: 4px;
+    margin-top: 4px;
     align-items: center;
     justify-content: center;
   }
-  
-  .vue-flow__handle-right::after{
-     content: "";
-     width: 10px;
-     height: 10px;
-     border: 3px solid rgb(223, 229, 239);
-      border-radius: 50%;
-      background: rgb(141, 152, 170);
 
+  .vue-flow__handle-right::after {
+    content: '';
+    width: 12px;
+    height: 12px;
+    border: 3px solid rgb(223, 229, 239);
+    border-radius: 50%;
+    background: rgb(141, 152, 170);
   }
-  .vue-flow__handle-left{
+  .vue-flow__handle-left {
     top: 100%;
     width: 16px;
     height: 16px;
+    left: 4px;
+    margin-top: -4px;
     border-radius: 50%;
-    background: rgb(253,254, 255);
+    background: rgb(253, 254, 255);
     display: flex;
     align-items: center;
     justify-content: center;
   }
 
-  .vue-flow__handle-left::after{
-     content: "";
-     width: 10px;
-     height: 10px;
-     border: 3px solid rgb(223, 229, 239);
-      border-radius: 50%;
-      background: rgb(141, 152, 170);
-
+  .vue-flow__handle-left::after {
+    content: '';
+    width: 12px;
+    height: 12px;
+    border: 3px solid rgb(223, 229, 239);
+    border-radius: 50%;
+    background: rgb(141, 152, 170);
   }
 }
 </style>
-- 
Gitee


From 7b004fe0dddf45f4c15d85ec7087d6fe62d87e86 Mon Sep 17 00:00:00 2001
From: zttProjectSpace <zhangtantan@h-partners.com>
Date: Thu, 16 Jan 2025 17:01:11 +0800
Subject: [PATCH 3/6] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/api/index.vue                       |  25 +-
 src/views/api/style.scss                      |  12 +-
 src/views/app/index.vue                       |  28 +-
 src/views/app/style.scss                      |   8 +-
 src/views/createapp/components/appConfig.vue  | 228 ++---------
 src/views/createapp/components/types.ts       |   7 +-
 src/views/createapp/components/workFlow.vue   |   6 +-
 .../components/workFlowConfig/CustomEdge.vue  |  38 +-
 .../components/workFlowConfig/CustomNode.vue  |   2 +-
 .../workFlowConfig/CustomSaENode.vue          |   2 +-
 .../components/workFlowConfig/Sidebar.vue     |  33 +-
 .../components/workFlowConfig/SpecialEdge.vue |  12 +-
 .../components/workFlowConfig/SpecialNode.vue |  18 +-
 .../components/workFlowConfig/useDnD.js       |  85 +++--
 .../workFlowConfig/workFlowDialog.vue         | 123 +++---
 .../createapp/components/workFlowStyle.scss   |   7 +-
 src/views/createapp/index.vue                 |   8 +-
 src/views/createapp/style.scss                | 228 +++++++++--
 src/views/dialogue/Copilot.vue                |  14 +-
 .../dialogue/components/AgainstPopover.vue    | 130 +++----
 .../dialogue/components/DialogueAside.vue     |  76 ++--
 .../dialogue/components/DialogueSession.vue   |   6 +-
 .../dialogue/components/DialogueTool.vue      |  10 +-
 src/views/dialogue/components/InitalPanel.vue |  86 ++---
 .../dialogue/components/InterPreview.vue      |  49 ++-
 .../dialogue/components/ReportPopover.vue     | 355 +++++++++---------
 src/views/dialogue/constants.ts               |  12 +-
 src/views/dialogue/dialogueView.vue           |   4 +-
 src/views/styles/InterPreview.scss            |  81 ++--
 src/views/tools/index.vue                     |  45 ++-
 30 files changed, 885 insertions(+), 853 deletions(-)

diff --git a/src/views/api/index.vue b/src/views/api/index.vue
index 58e231ff..2d642355 100644
--- a/src/views/api/index.vue
+++ b/src/views/api/index.vue
@@ -54,13 +54,7 @@
         </div>
       </div>
     </div>
-    <el-drawer
-      v-model="drawer"
-      title="上传语义接口"
-      :direction="direction"
-      :before-close="handleClose"
-    >
-    </el-drawer>
+    <el-drawer v-model="drawer" title="上传语义接口" :direction="direction" :before-close="handleClose"> </el-drawer>
   </div>
 </template>
 <script setup lang="ts">
@@ -70,21 +64,20 @@ import './style.scss';
 import { reactive, ref } from 'vue';
 const appList = ref([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]);
 
-const drawer = ref(false)
-const direction = ref('rtl')
+const drawer = ref(false);
+const direction = ref('rtl');
 const form = reactive({
   name: '',
-  description: ''
-})
+  description: '',
+});
 
 const openSidebar = () => {
-  drawer.value = true
-}
+  drawer.value = true;
+};
 
-const handleClose = (done) => {
+const handleClose = done => {
   done();
-}
-
+};
 </script>
 <style scoped>
 .container {
diff --git a/src/views/api/style.scss b/src/views/api/style.scss
index 961c77d5..361a71c0 100644
--- a/src/views/api/style.scss
+++ b/src/views/api/style.scss
@@ -74,7 +74,7 @@
             display: flex;
             .appCenterCardIcon {
               width: 80px;
-              .menu-icon{
+              .menu-icon {
                 width: 40px;
               }
             }
@@ -108,22 +108,22 @@
                   }
                 }
               }
-              .appCenterCardContentDes{
+              .appCenterCardContentDes {
                 font-size: 14px;
                 line-height: 22px;
               }
             }
           }
-          .appCenterCardBottom{
+          .appCenterCardBottom {
             margin-top: 16px;
             display: flex;
             justify-content: space-between;
-            .appCenterCardUser{
+            .appCenterCardUser {
               font-size: 12px;
               line-height: 16px;
             }
-            .appCenterCardOps{
-              .el-button span{
+            .appCenterCardOps {
+              .el-button span {
                 color: #6395fd;
                 font-size: 12px;
               }
diff --git a/src/views/app/index.vue b/src/views/app/index.vue
index b38b8841..f7e5505d 100644
--- a/src/views/app/index.vue
+++ b/src/views/app/index.vue
@@ -22,12 +22,17 @@
       </div>
       <div class="appCenterCardContainer">
         <div class="appCenterCardBox">
-          <div v-for="(appItem, index) in appList" :key="index" class="appCenterCardSingle" @click="routerToDetail(appItem)">
+          <div
+            v-for="(appItem, index) in appList"
+            :key="index"
+            class="appCenterCardSingle"
+            @click="routerToDetail(appItem)"
+          >
             <div class="appCenterCardTop">
               <div class="appCenterCardIcon">
-                <el-icon class="menu-icon"
-                  ><img class="create-button__icon" src="@/assets/svgs/robot_icon.svg"
-                /></el-icon>
+                <el-icon class="menu-icon">
+                  <img class="create-button__icon" src="@/assets/svgs/robot_icon.svg" />
+                </el-icon>
               </div>
               <div class="appCenterCardContent">
                 <div class="appCenterCardContentTop">
@@ -77,7 +82,7 @@ import { useRouter } from 'vue-router';
 const router = useRouter();
 
 const appInfoList = ref(new Array(36));
-const appSearchType = ref('1')
+const appSearchType = ref('1');
 const appList = ref<any>([]);
 const pagination = ref({
   pageSizes: [16, 32, 64],
@@ -87,25 +92,22 @@ const currentPage = ref(1);
 const totalCount = ref(0);
 const currentPageSize = ref(pagination.value.pageSizes[0]);
 
-
 const handleChangePage = (pageNum: number, pageSize: number) => {
-  appList.value = appInfoList.value.slice(((pageNum - 1) * 16) ,pageNum * 16)
+  appList.value = appInfoList.value.slice((pageNum - 1) * 16, pageNum * 16);
 };
 
-const handleCreateApp = ()=>{
+const handleCreateApp = () => {
   router.push('/createApp');
-}
+};
 
-const routerToDetail = (appItem) => {
+const routerToDetail = appItem => {
   //获取appItem.id & appItem.name
   router.push(`/copilot?id=1213&name=ppp`);
-}
+};
 
 onMounted(() => {
   appList.value = appInfoList.value.slice(0, 16);
 });
-
-
 </script>
 <style scoped>
 .container {
diff --git a/src/views/app/style.scss b/src/views/app/style.scss
index f458d0b1..69fda98a 100644
--- a/src/views/app/style.scss
+++ b/src/views/app/style.scss
@@ -140,10 +140,8 @@
           border: 1px solid #7aa5ff;
           background: linear-gradient(
             127deg,
-            rgba(109, 117, 250, 0.07)
-            1.003%,
-            rgba(90, 179, 255, 0.07)
-            98.421%
+            rgba(109, 117, 250, 0.07) 1.003%,
+            rgba(90, 179, 255, 0.07) 98.421%
           ) !important;
         }
       }
@@ -161,7 +159,7 @@
 
     .el-pagination {
       margin-top: 16px;
-      .el-select__wrapper{
+      .el-select__wrapper {
         background-color: transparent;
       }
     }
diff --git a/src/views/createapp/components/appConfig.vue b/src/views/createapp/components/appConfig.vue
index b46bd4e2..219fc097 100644
--- a/src/views/createapp/components/appConfig.vue
+++ b/src/views/createapp/components/appConfig.vue
@@ -38,8 +38,6 @@ const createAppRole = ref({
   icon: [{ required: true, message: '上传图标不能为空', trigger: 'change' }],
   appName: [{ required: true, message: '应用名称不能为空', trigger: 'blur' }],
   appIntroduction: [{ required: true, message: '应用简介不能为空', trigger: 'change' }],
-  connectList: [{ required: true, message: '相关链接不能为空', trigger: 'change' }],
-  recommendQuestionList: [{ required: true, message: '推荐问题不能为空', trigger: 'change' }],
   multiSession: [{ required: true, message: '请选择对话轮次不能为空', trigger: 'change' }],
   permissionType: [{ required: true, message: '权限不能为空', trigger: 'change' }],
 });
@@ -71,12 +69,12 @@ const searchPerson = () => {
 };
 
 const handleAvatarSuccess = (res, file) => {
-  createAppForm.value.icon = URL.createObjectURL(file.raw)
+  createAppForm.value.icon = URL.createObjectURL(file.raw);
 };
 
-const httpRequest = (res)=>{
-  res.onSuccess()
-}
+const httpRequest = res => {
+  res.onSuccess();
+};
 </script>
 <template>
   <el-form
@@ -89,7 +87,7 @@ const httpRequest = (res)=>{
     <el-collapse v-model="activeName" @change="handleChange" class="o-hpc-collapse" :prefix-icon="IconCaretRight">
       <el-collapse-item title="Consistency" :name="1">
         <template #title>
-          <span> 基本信息 </span>
+          <span>基本信息</span>
           <el-icon class="el-collapse-item__arrow" :class="{ 'is-active': activeNames.includes(1) }">
             <IconCaretRight />
           </el-icon>
@@ -110,7 +108,13 @@ const httpRequest = (res)=>{
           </div>
         </el-form-item>
         <el-form-item label="应用名称" prop="appName">
-          <el-input class="w320" maxlength="20" v-model="createAppForm.appName" clearable placeholder="请输入"></el-input>
+          <el-input
+            class="w320"
+            maxlength="20"
+            v-model="createAppForm.appName"
+            clearable
+            placeholder="请输入"
+          ></el-input>
         </el-form-item>
 
         <el-form-item label="应用简介" prop="appIntroduction">
@@ -126,11 +130,11 @@ const httpRequest = (res)=>{
           ></el-input>
         </el-form-item>
 
-        <el-form-item label="相关链接" prop="connectList">
+        <el-form-item label="相关链接" prop="connectList" class="notRequired">
           <div class="linkLine">
-            <el-button :icon="IconPlusCircle" @click="addLink" :disabled="createAppForm.connectList.length > 4"
-              >添加链接</el-button
-            >
+            <el-button :icon="IconPlusCircle" @click="addLink" :disabled="createAppForm.connectList.length > 4">
+              添加链接
+            </el-button>
             <span class="linkText">最多添加5个链接</span>
           </div>
           <div class="linkArea" v-for="(item, index) in createAppForm.connectList">
@@ -141,14 +145,15 @@ const httpRequest = (res)=>{
           </div>
         </el-form-item>
 
-        <el-form-item label="推荐问题" prop="recommendQuestionList">
+        <el-form-item label="推荐问题" prop="recommendQuestionList" class="notRequired">
           <div class="linkLine">
             <el-button
               :icon="IconPlusCircle"
               @click="addRecommond"
               :disabled="createAppForm.recommendQuestionList.length > 2"
-              >添加问题</el-button
             >
+              添加问题
+            </el-button>
             <span class="linkText">最多添加3个问题</span>
           </div>
           <div class="linkArea" v-for="(item, index) in createAppForm.recommendQuestionList">
@@ -166,7 +171,7 @@ const httpRequest = (res)=>{
       </el-collapse-item>
       <el-collapse-item title="Consistency" :name="2">
         <template #title>
-          <span> 多轮对话 </span>
+          <span>多轮对话</span>
           <el-icon class="el-collapse-item__arrow" :class="{ 'is-active': activeNames.includes(2) }">
             <IconCaretRight />
           </el-icon>
@@ -180,7 +185,7 @@ const httpRequest = (res)=>{
       </el-collapse-item>
       <el-collapse-item title="Consistency" :name="3">
         <template #title>
-          <span> 权限配置 </span>
+          <span>权限配置</span>
           <el-icon class="el-collapse-item__arrow" :class="{ 'is-active': activeNames.includes(3) }">
             <IconCaretRight />
           </el-icon>
@@ -188,9 +193,9 @@ const httpRequest = (res)=>{
         <el-form-item label="权限" prop="permissionType" class="permissionItem">
           <div class="permissionSelect">
             <el-radio-group v-model="createAppForm.permissionType">
-              <el-radio v-for="(item, index) in permissionTypeList" :key="index" :value="item.value">{{
-                item.label
-              }}</el-radio>
+              <el-radio v-for="(item, index) in permissionTypeList" :key="index" :value="item.value">
+                {{ item.label }}
+              </el-radio>
             </el-radio-group>
           </div>
           <div class="partPermissionPerson" v-if="createAppForm.permissionType === 'part'">
@@ -202,13 +207,13 @@ const httpRequest = (res)=>{
               @input="searchPerson"
               clearable
               :prefix-icon="IconSearch"
-            >
-            </el-input>
+            ></el-input>
             <div class="personList">
               <el-checkbox-group v-model="createAppForm.selectedPeople">
                 <el-checkbox v-for="(item, index) in curPersonList" :key="index" :label="item">
-                  <span class="circle"></span>{{ item }}</el-checkbox
-                >
+                  <span class="circle"></span>
+                  {{ item }}
+                </el-checkbox>
               </el-checkbox-group>
             </div>
           </div>
@@ -223,180 +228,3 @@ const httpRequest = (res)=>{
     </div>
   </div>
 </template>
-<style scoped lang="scss">
-.createAppContainerMainLeft {
-  margin-top: 0px;
-  --o-owndefine-del-hover: #7aa5ff;
-  --o-owndefine-del-active: #6395fd;
-  overflow-y: auto;
-  overflow-x: hidden;
-  ::v-deep(.el-collapse) {
-    .el-collapse-item__header {
-      padding: 0px;
-      margin-left: 8px;
-      height: 24px;
-      line-height: 24px;
-      font-size: 16px;
-      font-weight: bolder;
-      margin-bottom: 8px;
-      .el-collapse-item__arrow {
-        color: #8d98aa;
-        margin-left: 8px;
-      }
-    }
-    .el-collapse-item__content {
-      margin-left: 0px;
-      .uploadArea {
-        color: #8d98aa;
-        display: flex;
-        flex-direction: column;
-        gap: 8px;
-        .placeIcon {
-          width: 48px;
-          height: 48px;
-          border-radius: 50%;
-          border: 1px solid var(--o-text-color-tertiary);
-          cursor: pointer;
-        }
-
-        .avatar-uploader .el-upload {
-          border: 1px dashed #d9d9d9;
-          border-radius: 6px;
-          cursor: pointer;
-          position: relative;
-          overflow: hidden;
-          width: 100%;
-          height: 100%;
-          border-radius: 50%;
-          img{
-            width: 100%;
-            height: 100%;
-          border-radius: 50%;
-          }
-        }
-        .avatar-uploader-icon {
-          font-size: 28px;
-          color: #8c939d;
-          width: 178px;
-          height: 178px;
-          line-height: 178px;
-          text-align: center;
-        }
-        .avatar {
-          width: 178px;
-          height: 178px;
-          display: block;
-        }
-
-        .text {
-          height: 16px;
-          line-height: 16px;
-        }
-      }
-      .el-textarea__inner {
-        height: 80px;
-      }
-
-      .linkLine {
-        height: 32px;
-        display: flex;
-        align-items: center;
-        .linkText {
-          margin-left: 8px;
-          color: var(--o-text-color-tertiary);
-          height: 16px;
-          line-height: 16px;
-        }
-      }
-      .linkArea {
-        display: flex;
-        margin-top: 8px;
-        gap: 8px;
-        height: 32px;
-        width: 100%;
-        align-items: center;
-        .delIcon,
-        svg {
-          height: 16px;
-          width: 16px;
-          color: var(--o-text-color-tertiary);
-          &:hover {
-            color: var(--o-owndefine-del-hover);
-          }
-          &:active {
-            color: var(--o-owndefine-del-active);
-          }
-        }
-      }
-      .permissionItem {
-        .el-form-item__label,
-        .el-form-item__content {
-          padding: 0px;
-          min-height: 16px;
-        }
-        .el-form-item__label {
-          height: 16px;
-        }
-        .el-radio-group {
-          display: flex;
-          gap: 24px;
-          .el-radio {
-            margin-right: 0px;
-            height: 16px;
-          }
-        }
-        .partPermissionPerson {
-          width: 420px;
-          height: 252px;
-          padding: 16px 0px 0px 16px;
-          margin-top: 8px;
-          background-color: var(--o-bash-bg);
-          .personList {
-            max-height: 204px;
-            overflow: auto;
-            padding-bottom: 12px;
-            .el-checkbox-group {
-              margin-top: 16px;
-              display: flex;
-              flex-direction: column;
-              gap: 16px;
-              .el-checkbox {
-                height: 16px;
-                display: flex;
-                align-items: center;
-                .el-checkbox__label {
-                  display: flex;
-                  align-items: center;
-                  gap: 8px;
-                  .circle {
-                    width: 16px;
-                    height: 16px;
-                    border-radius: 50%;
-                    background-color: var(--o-button-color);
-                  }
-                }
-              }
-            }
-          }
-        }
-        .o-style-search.el-input {
-          .el-input__suffix {
-            &::after {
-              margin-top: 6px;
-            }
-          }
-        }
-      }
-      .multiSessionItem {
-        display: flex;
-        gap: 8px;
-        .sessionUnit {
-          width: 56px;
-          text-align: center;
-          color: var(--o-text-color-tertiary);
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/src/views/createapp/components/types.ts b/src/views/createapp/components/types.ts
index 764d59f6..18d1d8cd 100644
--- a/src/views/createapp/components/types.ts
+++ b/src/views/createapp/components/types.ts
@@ -7,10 +7,7 @@
 // IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR
 // PURPOSE.
 // See the Mulan PSL v2 for more details.
-import type {
-  UserDialoguePanelType,
-  RobotDialoguePanelType,
-} from 'src/components/dialoguePanel/type';
+import type { UserDialoguePanelType, RobotDialoguePanelType } from 'src/components/dialoguePanel/type';
 
 // 工具类型
 export type LinkType = 'redirect' | 'action';
@@ -30,7 +27,7 @@ export interface EgItem {
   insertMessage: string;
   style?: string;
   title: string;
-  des?:string;
+  des?: string;
 }
 
 export interface ChainItem {
diff --git a/src/views/createapp/components/workFlow.vue b/src/views/createapp/components/workFlow.vue
index 66bd4350..896d3bbb 100644
--- a/src/views/createapp/components/workFlow.vue
+++ b/src/views/createapp/components/workFlow.vue
@@ -114,12 +114,12 @@ const handleClose = () => {
   isAddWorkFlow.value = false;
 };
 // 删除节点
-const delNode = (id) => {
+const delNode = id => {
   if (id) {
     const node = findNode(id);
     node ? removeNodes(node) : '';
   }
-}
+};
 </script>
 <template>
   <div class="workFlowContainer" @drop="onDrop">
@@ -153,7 +153,7 @@ const delNode = (id) => {
                     <el-icon class="el-collapse-item__arrow" :class="{ 'is-active': activeNames.includes(1) }">
                       <IconCaretRight />
                     </el-icon>
-                    <span> 系统 </span>
+                    <span>系统</span>
                   </template>
                   <div
                     class="stancesItem"
diff --git a/src/views/createapp/components/workFlowConfig/CustomEdge.vue b/src/views/createapp/components/workFlowConfig/CustomEdge.vue
index 2d044642..0021350a 100644
--- a/src/views/createapp/components/workFlowConfig/CustomEdge.vue
+++ b/src/views/createapp/components/workFlowConfig/CustomEdge.vue
@@ -1,15 +1,19 @@
 <template>
   <g>
-       
-      <!-- path -->
-      <path :d="path" fill="none" stroke="#c3cedf" stroke-width="2" />
-      <!-- 箭头markEnd -->
-      <path :transform="transform" :d="`M ${targetX} ${targetY + 2} L ${targetX - 5} ${targetY - 10} L ${targetX + 5} ${targetY - 10} Z`" fill="#c3cedf" stroke="none" />
+    <!-- path -->
+    <path :d="path" fill="none" stroke="#c3cedf" stroke-width="2" />
+    <!-- 箭头markEnd -->
+    <path
+      :transform="transform"
+      :d="`M ${targetX} ${targetY + 2} L ${targetX - 5} ${targetY - 10} L ${targetX + 5} ${targetY - 10} Z`"
+      fill="#c3cedf"
+      stroke="none"
+    />
   </g>
 </template>
 
-<script   setup>
-import { getBezierPath,getSmoothStepPath } from '@vue-flow/core'
+<script setup>
+import { getBezierPath, getSmoothStepPath } from '@vue-flow/core';
 import { computed } from 'vue';
 
 const props = defineProps({
@@ -37,25 +41,23 @@ const props = defineProps({
     type: String,
     required: true,
   },
-})
-const path = computed(() => getSmoothStepPath(props)[0])
-const transform = computed(() => {
-  return getArrowTransform(props)
-})
+});
+const path = computed(() => getSmoothStepPath(props)[0]);
+const transform = computed(() => getArrowTransform(props));
 
 function getArrowTransform(props) {
-  const { targetPosition } = props
+  const { targetPosition } = props;
   if (targetPosition === 'top') {
-      return `rotate(0 ${props.targetX} ${props.targetY})`
+    return `rotate(0 ${props.targetX} ${props.targetY})`;
   }
   if (targetPosition === 'bottom') {
-      return `rotate(180 ${props.targetX} ${props.targetY})`
+    return `rotate(180 ${props.targetX} ${props.targetY})`;
   }
   if (targetPosition === 'left') {
-      return `rotate(-90 ${props.targetX} ${props.targetY})`
+    return `rotate(-90 ${props.targetX} ${props.targetY})`;
   }
   if (targetPosition === 'right') {
-      return `rotate(90 ${props.targetX} ${props.targetY})`
+    return `rotate(90 ${props.targetX} ${props.targetY})`;
   }
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/src/views/createapp/components/workFlowConfig/CustomNode.vue b/src/views/createapp/components/workFlowConfig/CustomNode.vue
index 2c46dd67..e99eb66f 100644
--- a/src/views/createapp/components/workFlowConfig/CustomNode.vue
+++ b/src/views/createapp/components/workFlowConfig/CustomNode.vue
@@ -59,7 +59,7 @@ const delNode = id => {
           <el-popover placement="right" trigger="hover" popper-class="nodeDealPopper">
             <template #reference>···</template>
             <el-button text class="dealItem" disabled>编辑</el-button>
-            <el-button text class="dealItem" @click="delNode(props.id)">删除</el-button>
+            <el-button text class="dealItem" @click="delNode(props.id)"> 删除 </el-button>
           </el-popover>
         </div>
       </div>
diff --git a/src/views/createapp/components/workFlowConfig/CustomSaENode.vue b/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
index 96b4b902..8195ea14 100644
--- a/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
+++ b/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
@@ -93,7 +93,7 @@ watch(
   border-radius: 8px;
   justify-content: center;
   position: relative;
-  box-shadow: 0px 8px 16px 0px rgb(0, 0, 0, 0.1);
+  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
   transform: rotate(45deg);
 
   .outHandleRing {
diff --git a/src/views/createapp/components/workFlowConfig/Sidebar.vue b/src/views/createapp/components/workFlowConfig/Sidebar.vue
index 7b18cef5..32cefaed 100644
--- a/src/views/createapp/components/workFlowConfig/Sidebar.vue
+++ b/src/views/createapp/components/workFlowConfig/Sidebar.vue
@@ -1,17 +1,38 @@
 <script setup>
-import useDragAndDrop from './useDnD'
+import useDragAndDrop from './useDnD';
 
-const {  onDrop ,onDragStart} = useDragAndDrop()
+const { onDrop, onDragStart } = useDragAndDrop();
 </script>
 
 <template>
   <aside>
     <div class="nodes">
-      <div class="vue-flow__node-input round-start" :draggable="true" @dragstart="onDragStart($event, 'input')" @click="onDrop($event, 'click')">Input Node</div>
+      <div
+        class="vue-flow__node-input round-start"
+        :draggable="true"
+        @dragstart="onDragStart($event, 'input')"
+        @click="onDrop($event, 'click')"
+      >
+        Input Node
+      </div>
 
-      <div class="vue-flow__node-default round-start" :draggable="true" @dragstart="onDragStart($event, 'default')" @click="onDrop($event, 'click')">Default Node</div>
+      <div
+        class="vue-flow__node-default round-start"
+        :draggable="true"
+        @dragstart="onDragStart($event, 'default')"
+        @click="onDrop($event, 'click')"
+      >
+        Default Node
+      </div>
 
-      <div class="vue-flow__node-output round-start" :draggable="true" @dragstart="onDragStart($event, 'output')" @click="onDrop($event, 'click')">Output Node</div>
+      <div
+        class="vue-flow__node-output round-start"
+        :draggable="true"
+        @dragstart="onDragStart($event, 'output')"
+        @click="onDrop($event, 'click')"
+      >
+        Output Node
+      </div>
     </div>
   </aside>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/views/createapp/components/workFlowConfig/SpecialEdge.vue b/src/views/createapp/components/workFlowConfig/SpecialEdge.vue
index fffb6e1c..8ea9542b 100644
--- a/src/views/createapp/components/workFlowConfig/SpecialEdge.vue
+++ b/src/views/createapp/components/workFlowConfig/SpecialEdge.vue
@@ -1,6 +1,6 @@
 <script setup>
-import { BaseEdge, EdgeLabelRenderer, getBezierPath } from '@vue-flow/core'
-import { computed } from 'vue'
+import { BaseEdge, EdgeLabelRenderer, getBezierPath } from '@vue-flow/core';
+import { computed } from 'vue';
 
 const props = defineProps({
   sourceX: {
@@ -30,8 +30,8 @@ const props = defineProps({
   data: {
     type: Object,
     required: true,
-  }
-})
+  },
+});
 
 const path = computed(() => getBezierPath(props));
 </script>
@@ -39,7 +39,7 @@ const path = computed(() => getBezierPath(props));
 <script>
 export default {
   inheritAttrs: false,
-}
+};
 </script>
 
 <template>
@@ -59,4 +59,4 @@ export default {
       {{ data.hello }}
     </div>
   </EdgeLabelRenderer>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/views/createapp/components/workFlowConfig/SpecialNode.vue b/src/views/createapp/components/workFlowConfig/SpecialNode.vue
index f74f8d31..213c5daa 100644
--- a/src/views/createapp/components/workFlowConfig/SpecialNode.vue
+++ b/src/views/createapp/components/workFlowConfig/SpecialNode.vue
@@ -1,6 +1,6 @@
 <script setup>
-import { computed } from 'vue'
-import { Position, Handle } from '@vue-flow/core'
+import { computed } from 'vue';
+import { Position, Handle } from '@vue-flow/core';
 
 const props = defineProps({
   position: {
@@ -10,21 +10,19 @@ const props = defineProps({
   data: {
     type: Object,
     required: true,
-  }
-})
+  },
+});
 
-const x = computed(() => `${Math.round(props.position.x)}px`)
-const y = computed(() => `${Math.round(props.position.y)}px`)
+const x = computed(() => `${Math.round(props.position.x)}px`);
+const y = computed(() => `${Math.round(props.position.y)}px`);
 </script>
 
 <template>
   <div class="vue-flow__node-default">
     <div>{{ data.label }}</div>
 
-    <div>
-      {{x}} {{y}}
-    </div>
+    <div>{{ x }} {{ y }}</div>
 
     <Handle type="source" :position="Position.Bottom" />
   </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/views/createapp/components/workFlowConfig/useDnD.js b/src/views/createapp/components/workFlowConfig/useDnD.js
index ad8018e7..f8d927ce 100644
--- a/src/views/createapp/components/workFlowConfig/useDnD.js
+++ b/src/views/createapp/components/workFlowConfig/useDnD.js
@@ -1,13 +1,13 @@
-import { useVueFlow } from '@vue-flow/core'
-import { ref, watch } from 'vue'
+import { useVueFlow } from '@vue-flow/core';
+import { ref, watch } from 'vue';
 
-let id = 0
+let id = 0;
 
 /**
  * @returns {string} - A unique id.
  */
 function getId() {
-  return `dnode_${id++}`
+  return `dnode_${id++}`;
 }
 
 /**
@@ -22,27 +22,27 @@ const state = {
   isDragOver: ref(false),
   isDragging: ref(false),
   nodeData: ref({}),
-}
+};
 
 export default function useDragAndDrop() {
-  const { draggedType, isDragOver, isDragging, nodeData } = state
+  const { draggedType, isDragOver, isDragging, nodeData } = state;
 
-  const { addNodes, screenToFlowCoordinate, onNodesInitialized, updateNode, addEdges } = useVueFlow()
+  const { addNodes, screenToFlowCoordinate, onNodesInitialized, updateNode, addEdges } = useVueFlow();
 
-  watch(isDragging, (dragging) => {
-    document.body.style.userSelect = dragging ? 'none' : ''
-  })
+  watch(isDragging, dragging => {
+    document.body.style.userSelect = dragging ? 'none' : '';
+  });
 
   function onDragStart(event, type, info) {
     if (event.dataTransfer) {
-      event.dataTransfer.setData('application/vueflow', type)
-      event.dataTransfer.effectAllowed = 'move'
+      event.dataTransfer.setData('application/vueflow', type);
+      event.dataTransfer.effectAllowed = 'move';
     }
-    draggedType.value = type
-    isDragging.value = true
-    nodeData.value = {...info};
+    draggedType.value = type;
+    isDragging.value = true;
+    nodeData.value = { ...info };
 
-    document.addEventListener('drop', onDragEnd)
+    document.addEventListener('drop', onDragEnd);
   }
 
   /**
@@ -51,51 +51,48 @@ export default function useDragAndDrop() {
    * @param {DragEvent} event
    */
   function onDragOver(event) {
-    event.preventDefault()
+    event.preventDefault();
 
     if (draggedType.value) {
-      isDragOver.value = true
+      isDragOver.value = true;
 
       if (event.dataTransfer) {
-        event.dataTransfer.dropEffect = 'move'
+        event.dataTransfer.dropEffect = 'move';
       }
     }
   }
 
   function onDragLeave() {
-    isDragOver.value = false
+    isDragOver.value = false;
   }
 
   function onDragEnd() {
-    isDragging.value = false
-    isDragOver.value = false
-    draggedType.value = null
-    document.removeEventListener('drop', onDragEnd)
+    isDragging.value = false;
+    isDragOver.value = false;
+    draggedType.value = null;
+    document.removeEventListener('drop', onDragEnd);
   }
 
-
-
   /**
    * Handles the drop event.
    *
    * @param {DragEvent} event
    */
   function onDrop(event, createNodeType) {
-
     const position = screenToFlowCoordinate({
       x: event.clientX,
       y: event.clientY,
-    })
+    });
 
-    const nodeId = getId()
+    const nodeId = getId();
 
     const newNode = {
       id: nodeId,
       type: draggedType.value,
       position,
-      class:"round-start",
+      class: 'round-start',
       data: nodeData.value,
-    }
+    };
 
     /**
      * Align node position after drop, so it's centered to the mouse
@@ -104,23 +101,29 @@ export default function useDragAndDrop() {
      */
     const { off } = onNodesInitialized(() => {
       const vueFlowContainer = document.querySelector('.my-diagram-class');
-      updateNode(nodeId, (node) => {
+      updateNode(nodeId, node => {
         let position = {};
         if (createNodeType === 'click') {
-          position = { x: vueFlowContainer.getBoundingClientRect().width / 4 + node.position.x, y: vueFlowContainer.getBoundingClientRect().height / 4 + node.position.y }
+          position = {
+            x: vueFlowContainer.getBoundingClientRect().width / 4 + node.position.x,
+            y: vueFlowContainer.getBoundingClientRect().height / 4 + node.position.y,
+          };
         } else {
-          position = { x: node.position.x - node.dimensions.width / 2, y: node.position.y - node.dimensions.height / 2 }
+          position = {
+            x: node.position.x - node.dimensions.width / 2,
+            y: node.position.y - node.dimensions.height / 2,
+          };
         }
 
         return {
-          position
-        }
-      })
+          position,
+        };
+      });
 
-      off()
-    })
+      off();
+    });
 
-    addNodes(newNode)
+    addNodes(newNode);
   }
 
   return {
@@ -131,5 +134,5 @@ export default function useDragAndDrop() {
     onDragLeave,
     onDragOver,
     onDrop,
-  }
+  };
 }
diff --git a/src/views/createapp/components/workFlowConfig/workFlowDialog.vue b/src/views/createapp/components/workFlowConfig/workFlowDialog.vue
index e6eede54..04cd9a24 100644
--- a/src/views/createapp/components/workFlowConfig/workFlowDialog.vue
+++ b/src/views/createapp/components/workFlowConfig/workFlowDialog.vue
@@ -1,66 +1,65 @@
 <template>
-    <el-dialog v-model="workFlowDiaVisible" @close="onCancel" title="新建工作流" class="workFlowDia">
-      <el-form
-        ref="workFlowForm"
-        class=""
-        :model="workFlowData"
-        :rules="workFlowRules"
-        label-width="120px"
-        label-position="left"
-      >
-        <el-form-item prop="name" label="工作流名称">
-          <el-input v-model="workFlowData.name" placeholder="请输入" class="w320 o-validate-input" clearable></el-input>
-        </el-form-item>
-        <el-form-item prop="desc" label="工作流描述">
-          <el-input v-model="workFlowData.desc" placeholder="请输入" class="w320 o-validate-input" clearable></el-input>
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <span class="dialog-footer">
-          <el-button class="o-dlg-btn" type="primary" size="small" @click="handleSubmit">确定</el-button>
-          <el-button class="o-dlg-btn" size="small" @click="onCancel">取消</el-button>
-        </span>
-      </template>
-    </el-dialog>
-  </template>
-  <script lang="ts" setup>
-  import { ref } from 'vue';
-  const workFlowDiaVisible = ref(true);
-  const props = defineProps({
-    diaType: {
-      type: String,
-    },
-    editData: {
-      type: Object,
-    },
-  });
-  const emits = defineEmits(['handleClose'])
-  const workFlowForm = ref();
-  const workFlowData = ref({
-    name: '',
-    desc: '',
-  });
-  const workFlowRules = ref({
-    name: [{ required: true, message: '请输入工作流名称', trigger: 'blur' }],
-    desc: [{ required: true, message: '请输入工作流描述', trigger: 'blur' }],
-  });
-  const onCancel = () => {
-    emits('handleClose');
-  };
-  const handleSubmit = () => {};
-  </script>
-  <style lang="scss">
-  .workFlowDia.el-dialog {
-    padding: 0px;
-    width: 560px;
-    .el-form {
-      margin-top: 0px;
-      .el-form-item {
-        &:last-child {
-          margin-bottom: 0px;
-        }
+  <el-dialog v-model="workFlowDiaVisible" @close="onCancel" title="新建工作流" class="workFlowDia">
+    <el-form
+      ref="workFlowForm"
+      class=""
+      :model="workFlowData"
+      :rules="workFlowRules"
+      label-width="120px"
+      label-position="left"
+    >
+      <el-form-item prop="name" label="工作流名称">
+        <el-input v-model="workFlowData.name" placeholder="请输入" class="w320 o-validate-input" clearable></el-input>
+      </el-form-item>
+      <el-form-item prop="desc" label="工作流描述">
+        <el-input v-model="workFlowData.desc" placeholder="请输入" class="w320 o-validate-input" clearable></el-input>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button class="o-dlg-btn" type="primary" size="small" @click="handleSubmit"> 确定 </el-button>
+        <el-button class="o-dlg-btn" size="small" @click="onCancel"> 取消 </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+<script lang="ts" setup>
+import { ref } from 'vue';
+const workFlowDiaVisible = ref(true);
+const props = defineProps({
+  diaType: {
+    type: String,
+  },
+  editData: {
+    type: Object,
+  },
+});
+const emits = defineEmits(['handleClose']);
+const workFlowForm = ref();
+const workFlowData = ref({
+  name: '',
+  desc: '',
+});
+const workFlowRules = ref({
+  name: [{ required: true, message: '请输入工作流名称', trigger: 'blur' }],
+  desc: [{ required: true, message: '请输入工作流描述', trigger: 'blur' }],
+});
+const onCancel = () => {
+  emits('handleClose');
+};
+const handleSubmit = () => {};
+</script>
+<style lang="scss">
+.workFlowDia.el-dialog {
+  padding: 0px;
+  width: 560px;
+  .el-form {
+    margin-top: 0px;
+    .el-form-item {
+      &:last-child {
+        margin-bottom: 0px;
       }
     }
   }
-  </style>
-  
\ No newline at end of file
+}
+</style>
diff --git a/src/views/createapp/components/workFlowStyle.scss b/src/views/createapp/components/workFlowStyle.scss
index 816515a0..4a5e3afd 100644
--- a/src/views/createapp/components/workFlowStyle.scss
+++ b/src/views/createapp/components/workFlowStyle.scss
@@ -93,7 +93,7 @@
       font-size: 16px;
       font-weight: 700;
     }
-    .apiCenterSearch{
+    .apiCenterSearch {
       margin: 8px 0;
       .o-style-search {
         width: 264px;
@@ -104,13 +104,12 @@
       }
     }
 
-    .apiContanter{
-      .el-collapse-item__header{
+    .apiContanter {
+      .el-collapse-item__header {
         padding: 0 !important;
         height: 28px;
       }
     }
-    
   }
 
   .workFlowContainerRight {
diff --git a/src/views/createapp/index.vue b/src/views/createapp/index.vue
index 788368f9..cf67431e 100644
--- a/src/views/createapp/index.vue
+++ b/src/views/createapp/index.vue
@@ -6,8 +6,8 @@ import WorkFlow from './components/workFlow.vue';
 import { useI18n } from 'vue-i18n';
 const { t } = useI18n();
 const createAppType = ref('appConfig');
-const handleChangeAppType = (type) => {
-  createAppType.value = type
+const handleChangeAppType = type => {
+  createAppType.value = type;
 };
 </script>
 <template>
@@ -38,11 +38,11 @@ const handleChangeAppType = (type) => {
         </div>
       </div>
     </div>
-    <div class="createAppContainerMain"  v-show="createAppType === 'appConfig'">
+    <div class="createAppContainerMain" v-show="createAppType === 'appConfig'">
       <AppConfig />
     </div>
     <div class="createWorkFlowContainerMain" v-show="createAppType !== 'appConfig'">
-      <WorkFlow  />
+      <WorkFlow />
     </div>
     <div class="createAppContainerFooter">
       <el-button>取消</el-button>
diff --git a/src/views/createapp/style.scss b/src/views/createapp/style.scss
index 3bcbda99..92051ce7 100644
--- a/src/views/createapp/style.scss
+++ b/src/views/createapp/style.scss
@@ -1,32 +1,32 @@
-.createAppContainer{
+.createAppContainer {
   width: 100%;
   color: var(--o-text-color-secondary);
   padding: 16px 24px 24px;
   display: flex;
   height: 100%;
   flex-direction: column;
-  .createAppContainerTop{
+  .createAppContainerTop {
     width: 100%;
     height: 32px;
     display: flex;
     position: relative;
     align-items: center;
-    .createAppContainerMenu{
+    .createAppContainerMenu {
       display: flex;
       gap: 16px;
-      font-size:12px;
-      .createAppContainerMenuLeft{
+      font-size: 12px;
+      .createAppContainerMenuLeft {
         display: flex;
         gap: 4px;
-        .createAppContainerMenuCenter{
+        .createAppContainerMenuCenter {
           color: #6395fd;
         }
-        .createAppContainerMenuText{
+        .createAppContainerMenuText {
           color: var(--o-text-color-primary);
           font-weight: 500;
         }
       }
-      .createAppContainerStatus{
+      .createAppContainerStatus {
         width: 52px;
         height: 16px;
         display: flex;
@@ -64,7 +64,7 @@
     }
   }
 
-  .createAppContainerMain{
+  .createAppContainerMain {
     min-width: 1200px;
     margin-top: 16px;
     padding: 24px 24px 24px 16px;
@@ -73,13 +73,9 @@
     flex: 1;
     max-height: calc(100% - 112px);
     background-color: var(--o-bg-color-base);
-    .createAppContainerMainLeft{
-      width: 536px;
-      height: 100%;
-    }
   }
 
-  .createWorkFlowContainerMain{
+  .createWorkFlowContainerMain {
     display: flex;
     gap: 24px;
     flex: 1;
@@ -88,12 +84,12 @@
     margin-top: 16px;
   }
 
-  .createAppContainerMainBox{
+  .createAppContainerMainBox {
     flex: 1;
     display: flex;
     flex-direction: column;
     gap: 8px;
-    .previewTitle{
+    .previewTitle {
       line-height: 24px;
       font-size: 16px;
       font-weight: 700;
@@ -116,22 +112,204 @@
     --o-button-disable-border: #ebedf3;
     --o-time-text: #dfe5ef;
     --o-bash-bg: #f4f6fa;
-    .copilot-footer{
+    .copilot-footer {
       margin-bottom: 12px;
     }
   }
 
-  .createAppContainerMainBox{
-    .dialogue-conversation{
+  .createAppContainerMainLeft {
+    width: 536px;
+    height: 100%;
+    margin-top: 0px;
+    --o-owndefine-del-hover: #7aa5ff;
+    --o-owndefine-del-active: #6395fd;
+    overflow-y: auto;
+    overflow-x: hidden;
+    .el-collapse-item__header {
+      padding: 0px;
+      margin-left: 8px;
+      height: 24px;
+      line-height: 24px;
+      font-size: 16px;
+      font-weight: bolder;
+      margin-bottom: 8px;
+      .el-collapse-item__arrow {
+        color: #8d98aa;
+        margin-left: 8px;
+      }
+    }
+    .el-collapse-item__content {
+      margin-left: 0px;
+      .uploadArea {
+        color: #8d98aa;
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+        .placeIcon {
+          width: 48px;
+          height: 48px;
+          border-radius: 50%;
+          border: 1px solid var(--o-text-color-tertiary);
+          cursor: pointer;
+        }
+
+        .avatar-uploader .el-upload {
+          border: 1px dashed #d9d9d9;
+          border-radius: 6px;
+          cursor: pointer;
+          position: relative;
+          overflow: hidden;
+          width: 100%;
+          height: 100%;
+          border-radius: 50%;
+          img {
+            width: 100%;
+            height: 100%;
+            border-radius: 50%;
+          }
+        }
+        .avatar-uploader-icon {
+          font-size: 28px;
+          color: #8c939d;
+          width: 178px;
+          height: 178px;
+          line-height: 178px;
+          text-align: center;
+        }
+        .avatar {
+          width: 178px;
+          height: 178px;
+          display: block;
+        }
+
+        .text {
+          height: 16px;
+          line-height: 16px;
+        }
+      }
+      .el-textarea__inner {
+        height: 80px;
+      }
+
+      .linkLine {
+        height: 32px;
+        display: flex;
+        align-items: center;
+        .linkText {
+          margin-left: 8px;
+          color: var(--o-text-color-tertiary);
+          height: 16px;
+          line-height: 16px;
+        }
+      }
+      .linkArea {
+        display: flex;
+        margin-top: 8px;
+        gap: 8px;
+        height: 32px;
+        width: 100%;
+        align-items: center;
+        .delIcon,
+        svg {
+          height: 16px;
+          width: 16px;
+          color: var(--o-text-color-tertiary);
+          &:hover {
+            color: var(--o-owndefine-del-hover);
+          }
+          &:active {
+            color: var(--o-owndefine-del-active);
+          }
+        }
+      }
+      .permissionItem {
+        .el-form-item__label,
+        .el-form-item__content {
+          padding: 0px;
+          min-height: 16px;
+        }
+        .el-form-item__label {
+          height: 16px;
+        }
+        .el-radio-group {
+          display: flex;
+          gap: 24px;
+          .el-radio {
+            margin-right: 0px;
+            height: 16px;
+          }
+        }
+        .partPermissionPerson {
+          width: 420px;
+          height: 252px;
+          padding: 16px 0px 0px 16px;
+          margin-top: 8px;
+          background-color: var(--o-bash-bg);
+          .personList {
+            max-height: 204px;
+            overflow: auto;
+            padding-bottom: 12px;
+            .el-checkbox-group {
+              margin-top: 16px;
+              display: flex;
+              flex-direction: column;
+              gap: 16px;
+              .el-checkbox {
+                height: 16px;
+                display: flex;
+                align-items: center;
+                .el-checkbox__label {
+                  display: flex;
+                  align-items: center;
+                  gap: 8px;
+                  .circle {
+                    width: 16px;
+                    height: 16px;
+                    border-radius: 50%;
+                    background-color: var(--o-button-color);
+                  }
+                }
+              }
+            }
+          }
+        }
+        .o-style-search.el-input {
+          .el-input__suffix {
+            &::after {
+              margin-top: 6px;
+            }
+          }
+        }
+      }
+      .multiSessionItem {
+        display: flex;
+        gap: 8px;
+        .sessionUnit {
+          width: 56px;
+          text-align: center;
+          color: var(--o-text-color-tertiary);
+        }
+      }
+
+      .notRequired {
+        .el-form-item__label {
+          padding-left: 8px;
+        }
+      }
+    }
+  }
+
+  .createAppContainerMainBox {
+    .dialogue-conversation {
       display: flex;
       flex-direction: column;
     }
-    .createApp-demo{
+    .createApp-demo {
       flex: 1;
-    } 
+    }
   }
-  
-  .createAppContainerFooter{
+
+  .createAppContainerFooter {
     margin-top: 16px;
     height: 48px;
     width: 100%;
@@ -142,7 +320,7 @@
     gap: 16px;
     border-radius: 8px;
     background-color: var(--o-bg-color-base);
-    .el-button{
+    .el-button {
       border-radius: 4px;
     }
   }
@@ -156,4 +334,4 @@
 
 .w320 {
   width: 320px;
-}
\ No newline at end of file
+}
diff --git a/src/views/dialogue/Copilot.vue b/src/views/dialogue/Copilot.vue
index 11d94cff..c1616970 100644
--- a/src/views/dialogue/Copilot.vue
+++ b/src/views/dialogue/Copilot.vue
@@ -18,8 +18,8 @@ const { t } = useI18n();
 const { theme } = storeToRefs(useChangeThemeStore());
 const { userinfo } = storeToRefs(useAccountStore());
 const { getUserInfo, updateAgreement } = useAccountStore();
-const { getHistorySession} = useHistorySessionStore();
-const { app , appList} = storeToRefs(useSessionStore());
+const { getHistorySession } = useHistorySessionStore();
+const { app, appList } = storeToRefs(useSessionStore());
 const modeOptions = reactive([
   {
     label: t('main.Automatic'),
@@ -60,12 +60,12 @@ const initCopilot = async (): Promise<void> => {
       setPlugins();
     }
     return;
-  }else if(currRoute.value.query.id){
+  } else if (currRoute.value.query.id) {
     app.value = {
-      id:String(currRoute.value.query.id),
-      name:String(currRoute.value.query.name),
-    }
-  }else{
+      id: String(currRoute.value.query.id),
+      name: String(currRoute.value.query.name),
+    };
+  } else {
     console.log('else');
   }
 };
diff --git a/src/views/dialogue/components/AgainstPopover.vue b/src/views/dialogue/components/AgainstPopover.vue
index 7f090365..331c428b 100644
--- a/src/views/dialogue/components/AgainstPopover.vue
+++ b/src/views/dialogue/components/AgainstPopover.vue
@@ -2,36 +2,36 @@
 import { computed, ref } from 'vue';
 import { warningMsg } from 'src/components/Message';
 import { useChangeThemeStore } from 'src/store';
-import i18n from 'src/i18n'
+import i18n from 'src/i18n';
 const themeStore = useChangeThemeStore();
 
 const list = ref<
   {
     label: string;
-    name:string;
+    name: string;
     isChecked: boolean;
   }[]
 >([
   {
     label: i18n.global.t('feedback.the_information_is_inappropriate_or_illegal'),
-    name:'the_information_is_inappropriate_or_illegal',
+    name: 'the_information_is_inappropriate_or_illegal',
     isChecked: false,
   },
   {
     label: i18n.global.t('feedback.the_answer_is_not_helpful'),
-    name:'the_answer_is_not_helpful',
+    name: 'the_answer_is_not_helpful',
     isChecked: false,
   },
   {
     label: i18n.global.t('feedback.i_found_an_error'),
-    name:'i_found_an_error',
+    name: 'i_found_an_error',
     isChecked: false,
   },
 ]);
 const checkedValue = computed(() =>
   list.value.reduce((accVal, currVal) => {
     return currVal.isChecked ? `${accVal}${currVal.label};` : accVal;
-  }, '')
+  }, ''),
 );
 // 参考链接
 const referLink = ref<string>('');
@@ -60,10 +60,10 @@ const handleSubmit = () => {
 
 <template>
   <div class="against-popover">
-    <p class="against-popover-title">{{$t('feedback.your_feedback_helps_us_improve')}}</p>
+    <p class="against-popover-title">{{ $t('feedback.your_feedback_helps_us_improve') }}</p>
     <ul class="against-list">
       <li class="against-item" v-for="(item, index) in list" :key="index">
-        <el-checkbox id="against-checkbox" v-model="item.isChecked"> {{ $t('feedback.'+item.name) }}</el-checkbox>
+        <el-checkbox id="against-checkbox" v-model="item.isChecked"> {{ $t('feedback.' + item.name) }}</el-checkbox>
       </li>
     </ul>
     <div class="error-input" v-if="isErrorInputVisiable">
@@ -82,72 +82,74 @@ const handleSubmit = () => {
       />
     </div>
     <div class="against-button">
-      <el-button :class="[themeStore.theme === 'dark' ? 'cancel_button_light' : 'cancel_button_dark',]" @click="emits('close')">{{$t('history.cancel')}}</el-button>
-      <el-button class='comment_button' color="#0077ff" :disabled="!checkedValue" @click="handleSubmit">{{$t('feedback.submit')}}</el-button>
+      <el-button
+        :class="[themeStore.theme === 'dark' ? 'cancel_button_light' : 'cancel_button_dark']"
+        @click="emits('close')"
+        >{{ $t('history.cancel') }}</el-button
+      >
+      <el-button class="comment_button" color="#0077ff" :disabled="!checkedValue" @click="handleSubmit">{{
+        $t('feedback.submit')
+      }}</el-button>
     </div>
   </div>
 </template>
 
 <style lang="scss" scoped>
-
-.cancel_button_light:not(.is-disabled){
+.cancel_button_light:not(.is-disabled) {
   color: black !important;
-  border-color: #4E5865 !important;
+  border-color: #4e5865 !important;
 }
 
-.cancel_button_light:not(.is-disabled):focus{
+.cancel_button_light:not(.is-disabled):focus {
   // background-color: white !important;
   color: black !important;
-  border-color: #4E5865 !important;
+  border-color: #4e5865 !important;
 }
 
-.cancel_button_light:not(.is-disabled):active{
+.cancel_button_light:not(.is-disabled):active {
   // background-color: white !important;
-  color: #6395FD !important;
-  border-color: #6395FD !important;
+  color: #6395fd !important;
+  border-color: #6395fd !important;
 }
 
-.cancel_button_light:not(.is-disabled):hover{
+.cancel_button_light:not(.is-disabled):hover {
   // background-color: white !important;
-  color: #7AA5FF !important;
-  border-color: #7AA5FF !important;
+  color: #7aa5ff !important;
+  border-color: #7aa5ff !important;
 }
 //
-.cancel_button_dark:not(.is-disabled){
-  color: #4E5865 !important;
+.cancel_button_dark:not(.is-disabled) {
+  color: #4e5865 !important;
   border-color: black !important;
 }
 
-.cancel_button_dark:not(.is-disabled):focus{
+.cancel_button_dark:not(.is-disabled):focus {
   // background-color: white !important;
-  color: #4E5865 !important;
+  color: #4e5865 !important;
   border-color: black !important;
 }
 
-.cancel_button_dark:not(.is-disabled):active{
+.cancel_button_dark:not(.is-disabled):active {
   // background-color: white !important;
-  color: #6395FD !important;
-  border-color: #6395FD !important;
+  color: #6395fd !important;
+  border-color: #6395fd !important;
 }
 
-.ccancel_button_dark:not(.is-disabled):hover{
+.ccancel_button_dark:not(.is-disabled):hover {
   // background-color: white !important;
-  color: #7AA5FF !important;
-  border-color: #7AA5FF !important;
+  color: #7aa5ff !important;
+  border-color: #7aa5ff !important;
 }
 
-
-
-
-.is-disabled{
-    color:white;
-    background-color: #B8D9FF;
-    border-color:#B8D9FF;
-    &:hover{
-        color:white;
-    background-color: #B8D9FF;
-    border-color:#B8D9FF;
-    }
+.is-disabled {
+  color: white;
+  background-color: #b8d9ff;
+  border-color: #b8d9ff;
+  &:hover {
+    color: white;
+    background-color: #b8d9ff;
+    border-color: #b8d9ff;
+  }
 }
 :deep(.against-item .el-checkbox .el-checkbox__label) {
   color: #4e5865;
@@ -159,11 +161,11 @@ const handleSubmit = () => {
   margin-left: 8px;
 }
 
-:deep(.against-popover .radio_item, .against-popover .el-radio-button__inner){
+:deep(.against-popover .radio_item, .against-popover .el-radio-button__inner) {
   font-weight: 100 !important;
 }
 
-:deep(.el-radio-button__inner){
+:deep(.el-radio-button__inner) {
   font-weight: 100;
 }
 
@@ -197,7 +199,7 @@ const handleSubmit = () => {
       color: var(--o-text-color-primary);
       border: none;
       background-color: #f4f6fa;
-      display:block;
+      display: block;
       border-radius: 4px;
       padding: 5px 0 5px 16px;
       font-size: 12px;
@@ -210,25 +212,25 @@ const handleSubmit = () => {
       }
       margin-bottom: 8px;
     }
-  input::placeholder {
-    color: #8d98aa;
-    font-size: 12px;
-    font-weight: 100;
-  }
-  textarea::placeholder {
-    color: #8d98aa;
-    font-size: 12px;
-    font-weight: 100;
-  }
-  &__link {
-    height: 32px;
-    margin: 0px 0px 5px 0px;
-  }
-  &__desc {
-    height: 88px;
+    input::placeholder {
+      color: #8d98aa;
+      font-size: 12px;
+      font-weight: 100;
+    }
+    textarea::placeholder {
+      color: #8d98aa;
+      font-size: 12px;
+      font-weight: 100;
+    }
+    &__link {
+      height: 32px;
+      margin: 0px 0px 5px 0px;
+    }
+    &__desc {
+      height: 88px;
+    }
   }
 }
-}
 .against-button {
   width: 100%;
   height: 100%;
@@ -262,7 +264,7 @@ const handleSubmit = () => {
   }
   button:first-child {
     border: 1px solid #c3cedf;
-    &:hover{
+    &:hover {
       background-color: white;
     }
   }
diff --git a/src/views/dialogue/components/DialogueAside.vue b/src/views/dialogue/components/DialogueAside.vue
index 6fd8b785..f618f628 100644
--- a/src/views/dialogue/components/DialogueAside.vue
+++ b/src/views/dialogue/components/DialogueAside.vue
@@ -12,7 +12,7 @@ import {
 } from 'element-plus';
 import { computed, onMounted, ref, watch } from 'vue';
 import SessionCard from '@/components/sessionCard/SessionCard.vue';
-import { useHistorySessionStore,useSessionStore } from '@/store';
+import { useHistorySessionStore, useSessionStore } from '@/store';
 import { storeToRefs } from 'pinia';
 import { api } from '@/apis';
 import { useI18n } from 'vue-i18n';
@@ -43,8 +43,8 @@ const deleteType = ref(true);
 // 搜索的关键词
 const searchKey = ref<string>('');
 const activeNames = ref(['today', 'week', 'month', 'other']);
-const isCollapsed = ref(false)
-const selectedAppId = ref(null)
+const isCollapsed = ref(false);
+const selectedAppId = ref(null);
 //
 const apps = ref([
   { id: 1, name: '应用 1' },
@@ -52,7 +52,7 @@ const apps = ref([
   { id: 3, name: '应用 3' },
   { id: 4, name: '应用 4' },
   { id: 5, name: '应用 5' },
-])
+]);
 
 const filteredHistorySessions = computed(() => {
   // filter by searchKey
@@ -212,18 +212,17 @@ function hanleAsideVisible(): void {
 }
 
 const displayedApps = computed(() => {
-  return apps.value.slice(0, 5)
-})
+  return apps.value.slice(0, 5);
+});
 
 const toggleCollapse = () => {
-  isCollapsed.value = !isCollapsed.value
-}
+  isCollapsed.value = !isCollapsed.value;
+};
 
-const selectApp = (id) => {
-  selectedAppId.value = id
-}
+const selectApp = id => {
+  selectedAppId.value = id;
+};
 function ensureAppAtFirstPosition() {
-
   const newApp = app.value;
   const index = apps.value.findIndex(app => app.id === newApp.id);
   selectApp(newApp.id);
@@ -241,8 +240,8 @@ watch(
     ensureAppAtFirstPosition();
   },
   {
-    immediate: true
-  }
+    immediate: true,
+  },
 );
 </script>
 
@@ -254,30 +253,27 @@ watch(
     <transition name="transition-fade">
       <div class="copilot-aside" v-if="isCopilotAsideVisible">
         <div class="collapsible-apps">
-    <div class="collapsible-header" @click="toggleCollapse">
-      <div class="header-content">
-        <AppWindowIcon :size="20" />
-        <span>我的应用</span>
-      </div>
-      <ChevronDownIcon 
-        :size="20" 
-        :class="{ 'rotate': !isCollapsed }"
-      />
-    </div>
-    <transition name="collapse">
-      <ul v-if="!isCollapsed" class="app-list">
-        <li 
-          v-for="app in displayedApps" 
-          :key="app.id" 
-          @click="selectApp(app.id)"
-          :class="{ 'selected': selectedAppId === app.id }"
-        >
-          <span>{{ app.name }}</span>
-        </li>
-      </ul>
-    </transition>
-    <!-- 缺少空白切图 ；； 缺少空 appList 判断-->
-  </div>
+          <div class="collapsible-header" @click="toggleCollapse">
+            <div class="header-content">
+              <AppWindowIcon :size="20" />
+              <span>我的应用</span>
+            </div>
+            <ChevronDownIcon :size="20" :class="{ rotate: !isCollapsed }" />
+          </div>
+          <transition name="collapse">
+            <ul v-if="!isCollapsed" class="app-list">
+              <li
+                v-for="app in displayedApps"
+                :key="app.id"
+                @click="selectApp(app.id)"
+                :class="{ selected: selectedAppId === app.id }"
+              >
+                <span>{{ app.name }}</span>
+              </li>
+            </ul>
+          </transition>
+          <!-- 缺少空白切图 ；； 缺少空 appList 判断-->
+        </div>
         <!-- <ElButton class="create-button" @click="createNewSession">
           <img class="create-button__icon" src="@/assets/svgs/create.svg" />
           <span>{{ $t('history.new_chat') }}</span>
@@ -449,7 +445,7 @@ watch(
       align-items: center;
       border: 8px;
       border-radius: 8px;
-      span{
+      span {
         display: block;
         margin-left: 24px;
         align-items: center;
@@ -459,7 +455,7 @@ watch(
       }
 
       &.selected {
-        background: linear-gradient(127.60deg, rgba(109, 117, 250, 0.2) -1.725%, rgba(90, 179, 255, 0.2) 98.22%);
+        background: linear-gradient(127.6deg, rgba(109, 117, 250, 0.2) -1.725%, rgba(90, 179, 255, 0.2) 98.22%);
         color: white;
       }
     }
diff --git a/src/views/dialogue/components/DialogueSession.vue b/src/views/dialogue/components/DialogueSession.vue
index 1dc6ba17..0711ae01 100644
--- a/src/views/dialogue/components/DialogueSession.vue
+++ b/src/views/dialogue/components/DialogueSession.vue
@@ -3,7 +3,7 @@ import { computed, nextTick, onMounted, ref, watch } from 'vue';
 import DialoguePanel from 'src/components/dialoguePanel/DialoguePanel.vue';
 import UploadFileGroup from 'src/components/uploadFile/UploadFileGroup.vue';
 import InitalPanel from './InitalPanel.vue';
-import InterPreview from  './InterPreview.vue';
+import InterPreview from './InterPreview.vue';
 import { storeToRefs } from 'pinia';
 import { useSessionStore, useChangeThemeStore } from 'src/store';
 
@@ -26,7 +26,7 @@ const session = useSessionStore();
 export interface DialogueSession {
   modeOptions: any;
   isCreateApp: any;
-  createAppForm:any;
+  createAppForm: any;
 }
 
 const props = withDefaults(defineProps<DialogueSession>(), {});
@@ -814,7 +814,7 @@ const handlePauseAndReGenerate = (cid?: number) => {
         </div>
       </div>
       <div class="dialogue-interPreview-main" v-else>
-         <InterPreview :createAppForm="props.createAppForm"/>
+        <InterPreview :createAppForm="props.createAppForm" />
       </div>
       <div class="createApp-demo"></div>
       <div class="dialogue-conversation-bottom">
diff --git a/src/views/dialogue/components/DialogueTool.vue b/src/views/dialogue/components/DialogueTool.vue
index d810140e..19cd2323 100644
--- a/src/views/dialogue/components/DialogueTool.vue
+++ b/src/views/dialogue/components/DialogueTool.vue
@@ -186,7 +186,7 @@ const handleChainClick = (tool: ChainItem) => {
       &:hover {
         background-color: transparent;
         background-image: linear-gradient(to right, rgba(109, 117, 250, 0.2), rgba(90, 179, 255, 0.2));
-        border:1px solid #7AA5FF;
+        border: 1px solid #7aa5ff;
       }
     }
   }
@@ -198,10 +198,10 @@ const handleChainClick = (tool: ChainItem) => {
       color: var(--o-text-color-secondary);
       &:hover {
         text-decoration: underline;
-        color:#3291fe
+        color: #3291fe;
       }
       &:active {
-        color: #0077FF;
+        color: #0077ff;
       }
     }
   }
@@ -212,11 +212,11 @@ const handleChainClick = (tool: ChainItem) => {
       color: var(--o-text-color-secondary);
       &:hover {
         text-decoration: underline;
-        color:#3291fe;
+        color: #3291fe;
       }
 
       &:active {
-        color: #0077FF;
+        color: #0077ff;
       }
 
       img {
diff --git a/src/views/dialogue/components/InitalPanel.vue b/src/views/dialogue/components/InitalPanel.vue
index 851ffa83..fbeb59d5 100644
--- a/src/views/dialogue/components/InitalPanel.vue
+++ b/src/views/dialogue/components/InitalPanel.vue
@@ -4,40 +4,40 @@ import { EG_LIST } from '../constants';
 import { useChangeThemeStore } from 'src/store';
 import 'xterm/css/xterm.css';
 import { Terminal } from 'xterm';
-import {FitAddon} from 'xterm-addon-fit';
+import { FitAddon } from 'xterm-addon-fit';
 import { AttachAddon } from 'xterm-addon-attach';
 import { successMsg } from 'src/components/Message';
 const themeStore = useChangeThemeStore();
 const openShell = () => {
   isTermShow.value = true;
   fnChangeShellBox(true);
-  document.getElementById("shellView").style.width = "calc(100% - 48px)";
-  document.getElementById("shellView").style.height = "calc(100% - 104px)";
-  document.getElementById("shellView").style.margin = "64px 24px 40px 24px";
-  document.getElementById("shellView").style.borderRadius = "8px";
-}
+  document.getElementById('shellView').style.width = 'calc(100% - 48px)';
+  document.getElementById('shellView').style.height = 'calc(100% - 104px)';
+  document.getElementById('shellView').style.margin = '64px 24px 40px 24px';
+  document.getElementById('shellView').style.borderRadius = '8px';
+};
 
 const closeShell = () => {
   isTermShow.value = false;
   fnChangeShellBox(false);
   // document.getElementById("shellView").style.width = "0%";
-}
+};
 
 let socket = ref(null);
-const terminal = ref(null);  //绑定dom组件
+const terminal = ref(null); //绑定dom组件
 const fitAddon = new FitAddon();
 
 let term = ref(null);
 let termLoading = ref(false);
 let isTermShow = ref(false);
 const activePane = ref('shell');
-const fnChangeShellBox = (isShow) => {
+const fnChangeShellBox = isShow => {
   if (isShow) {
-    if (!socket.value){
+    if (!socket.value) {
       termLoading.value = true;
       createWs();
     }
-  }else {
+  } else {
     // 关闭连接
     if (socket.value) {
       socket.value.close();
@@ -47,9 +47,7 @@ const fnChangeShellBox = (isShow) => {
       term.value.dispose();
     }
   }
-
-}
-
+};
 
 const createWs = () => {
   const hostname = window.location.host;
@@ -62,25 +60,25 @@ const createWs = () => {
     //     width: 500,
     //   }
     // }));
-  }
+  };
   socket.value.onclose = () => {
     // console.log('close');
-  }
-  socket.value.onerror = (e) => {
+  };
+  socket.value.onerror = e => {
     term.value.write(`\x1b[31m${e}\x1b[m\r\n`);
     termLoading.value = false;
-  }
+  };
   initTerm();
-}
+};
 
 const initTerm = () => {
   term.value = new Terminal({
     fontSize: 14,
     cursorBlink: true,
-  })
+  });
   const attachAddon = new AttachAddon(socket.value);
   term.value.open(terminal.value);
-  fitAddon.activate(term.value) // 自适应尺寸
+  fitAddon.activate(term.value); // 自适应尺寸
   attachAddon.activate(term.value);
 
   setTimeout(() => {
@@ -89,46 +87,43 @@ const initTerm = () => {
   term.value.focus();
   window.onresize = () => {
     fitAddon.fit();
-  }
-}
+  };
+};
 </script>
 
 <template>
   <div class="dialogue-panel">
     <div class="inital-panel">
-      <div class="introduction">{{$t('main.describe1')}}
-        <img src="@/assets/images/logoText.png" alt="">
-        {{$t('main.describe2')}}
+      <div class="introduction">
+        {{ $t('main.describe1') }}
+        <img src="@/assets/images/logoText.png" alt="" />
+        {{ $t('main.describe2') }}
       </div>
-      <p class="inital-panel-tips">
-      </p>
-      <div class='container'>
+      <p class="inital-panel-tips"></p>
+      <div class="container">
         <div class="eg">
-          <p>{{$t('main.left_describe')}}</p>
+          <p>{{ $t('main.left_describe') }}</p>
           <ul class="eg-list">
             <li class="eg-list-item" v-for="item in EG_LIST" :key="item.key" :style="item.style">
               <img v-if="themeStore.theme === 'dark'" :src="item.iconDark" />
-              <img v-else :src="item.icon" alt="">
+              <img v-else :src="item.icon" alt="" />
               <div class="eg-list-item__text">
-                <p>{{ $t('main.'+item.key) }}</p>
-                <span class="eg-list-item__text-desc">{{
-                  $t('main.'+item.insertMessage)
-                }}</span>
+                <p>{{ $t('main.' + item.key) }}</p>
+                <span class="eg-list-item__text-desc">{{ $t('main.' + item.insertMessage) }}</span>
               </div>
             </li>
           </ul>
         </div>
-        <div class='shell'>
-          <p class='title'>{{$t('main.smart_shell')}}</p>
-          <div class='dse'>
-            {{$t('main.smart_shell_describe')}}
+        <div class="shell">
+          <p class="title">{{ $t('main.smart_shell') }}</p>
+          <div class="dse">
+            {{ $t('main.smart_shell_describe') }}
           </div>
         </div>
-        <div id='shellView' class='sidenav'>
-          <a href='' class='closebtn' @click='closeShell()'>x</a>
+        <div id="shellView" class="sidenav">
+          <a href="" class="closebtn" @click="closeShell()">x</a>
           <div v-show="isTermShow" class="dialogue-shell">
-            <div style="height: 100%; width: 100%" ref="terminal" v-loading="termLoading">
-            </div>
+            <div style="height: 100%; width: 100%" ref="terminal" v-loading="termLoading"></div>
           </div>
         </div>
       </div>
@@ -137,8 +132,7 @@ const initTerm = () => {
 </template>
 
 <style lang="scss" scoped>
-
-.dialogue-shell{
+.dialogue-shell {
   width: 100%;
   height: 100%;
 }
@@ -188,7 +182,6 @@ const initTerm = () => {
   margin-left: 50px;
 }
 
-
 .container {
   display: flex;
   justify-content: center;
@@ -332,7 +325,6 @@ const initTerm = () => {
         margin-right: 6px;
       }
 
-
       &__text {
         width: 100%;
         display: flex;
diff --git a/src/views/dialogue/components/InterPreview.vue b/src/views/dialogue/components/InterPreview.vue
index d7e1f428..80af1710 100644
--- a/src/views/dialogue/components/InterPreview.vue
+++ b/src/views/dialogue/components/InterPreview.vue
@@ -1,28 +1,36 @@
 <template>
   <div class="interPreviewBox">
     <div v-if="interPreviewInfo.appName.length" class="preTop">
-
       <div class="preTopContent">
-      <img src="@/assets/images/preTitleIcon.png" class="preTitleIcon"/>
+        <img src="@/assets/images/preTitleIcon.png" class="preTitleIcon" />
         <div class="preMainAppName">
           {{ interPreviewInfo.appName }}
         </div>
       </div>
     </div>
     <div class="preMain">
-      <div class="preMainImg" >
-        <img :src="interPreviewInfo.icon" class="preMainAvator" v-if="interPreviewInfo.icon.length"/>
+      <div class="preMainImg">
+        <img :src="interPreviewInfo.icon" class="preMainAvator" v-if="interPreviewInfo.icon.length" />
       </div>
-      <div class="preMainContent" v-if="interPreviewInfo.appName.length || interPreviewInfo.appIntroduction.length || interPreviewInfo.connectList.length">
+      <div
+        class="preMainContent"
+        v-if="
+          interPreviewInfo.appName.length ||
+          interPreviewInfo.appIntroduction.length ||
+          interPreviewInfo.connectList.length
+        "
+      >
         <div class="preMainContentTitle" v-if="interPreviewInfo.appName.length">
           <div class="greetDes">
             <div class="greetDesContent">你好，我是</div>
-            <div class="greetDesAppName greetDesContent">{{ interPreviewInfo.appName }}</div>
+            <div class="greetDesAppName greetDesContent">
+              {{ interPreviewInfo.appName }}
+            </div>
             <div class="greetDesContent">，很高兴为你服务</div>
           </div>
           <div class="preAppUser">
             <div>@zhang</div>
-            <div class="contentCollect"> <IconUnfavorite /></div>
+            <div class="contentCollect"><IconUnfavorite /></div>
           </div>
         </div>
         <div class="preMainContentDes" v-if="interPreviewInfo.appIntroduction.length">
@@ -33,10 +41,12 @@
             <div class="contentLinkTitle">相关链接</div>
           </el-badge>
           <div class="connectBox">
-            <div v-for="(connect,index) in connnectLinkList" >
+            <div v-for="(connect, index) in connnectLinkList">
               <div v-if="connect.length" class="connectCard">
-                <div class="connectBoxIndex">{{ index+1 }}</div>
-                <el-link class="connectBoxContent" type="primary" :href="connect">{{ connect }}</el-link>
+                <div class="connectBoxIndex">{{ index + 1 }}</div>
+                <el-link class="connectBoxContent" type="primary" :href="connect">
+                  {{ connect }}
+                </el-link>
               </div>
             </div>
           </div>
@@ -47,11 +57,11 @@
 </template>
 <script setup lang="ts">
 import '../../styles/InterPreview.scss';
-import {  ref, watch } from 'vue';
-import {   IconUnfavorite } from '@computing/opendesign-icons';
+import { ref, watch } from 'vue';
+import { IconUnfavorite } from '@computing/opendesign-icons';
 
-interface InterPreProps{
-  createAppForm:any
+interface InterPreProps {
+  createAppForm: any;
 }
 const props = withDefaults(defineProps<InterPreProps>(), {});
 const interPreviewInfo = ref();
@@ -60,10 +70,11 @@ watch(
   () => props.createAppForm,
   (newValue, oldValue) => {
     interPreviewInfo.value = props.createAppForm;
-    connnectLinkList.value = props.createAppForm.connectList.filter(item=>item.length)
-  },{
-    immediate:true,
-    deep:true
-  }
+    connnectLinkList.value = props.createAppForm.connectList.filter(item => item.length);
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
 );
 </script>
diff --git a/src/views/dialogue/components/ReportPopover.vue b/src/views/dialogue/components/ReportPopover.vue
index 5e8078af..37ceda5e 100644
--- a/src/views/dialogue/components/ReportPopover.vue
+++ b/src/views/dialogue/components/ReportPopover.vue
@@ -1,20 +1,36 @@
 <script lang="ts" setup>
 import { computed, ref } from 'vue';
 import { storeToRefs } from 'pinia';
-import { useLangStore } from 'src/store'
+import { useLangStore } from 'src/store';
 const { language } = storeToRefs(useLangStore());
 
-const reportLabel = ['pornographic_content','account_violation','politically_sensitive_content','violence_or_terrorism','defamation_or_rumor_spreading','insult_to_heroes_or_martyrs','spam','ethnic_or_religious_incitement','disturbing_content','abuse_or_harassment','gambling_or_fraud','consumer_manipulation','harm_to_minors','illegal_or_prohibited_items','other_violations'];
-const reportList=<
+const reportLabel = [
+  'pornographic_content',
+  'account_violation',
+  'politically_sensitive_content',
+  'violence_or_terrorism',
+  'defamation_or_rumor_spreading',
+  'insult_to_heroes_or_martyrs',
+  'spam',
+  'ethnic_or_religious_incitement',
+  'disturbing_content',
+  'abuse_or_harassment',
+  'gambling_or_fraud',
+  'consumer_manipulation',
+  'harm_to_minors',
+  'illegal_or_prohibited_items',
+  'other_violations',
+];
+const reportList = <
   {
     label: string;
     isChecked: boolean;
   }[]
->reportLabel.map((item) => {
-       return new Object({
-        isChecked:false,
-        label:item
-    });
+>reportLabel.map(item => {
+  return new Object({
+    isChecked: false,
+    label: item,
+  });
 });
 const list = ref<
   {
@@ -29,46 +45,47 @@ const descText = ref<string>('');
 const isErrorInputVisiable = computed(() => list.value[2].isChecked);
 
 const emits = defineEmits<{
-    (e: 'report', reason: string): void;
-    (e: 'close'): void;
+  (e: 'report', reason: string): void;
+  (e: 'close'): void;
 }>();
 
-
 /** 举报 */
 const handleComplaint = () => {
-    const str = descText.value.length?radio.value+';'+descText.value:radio.value;
-    if (!isErrorInputVisiable.value) {
-        emits('report', str);
-        return;
-    }
+  const str = descText.value.length ? radio.value + ';' + descText.value : radio.value;
+  if (!isErrorInputVisiable.value) {
     emits('report', str);
+    return;
+  }
+  emits('report', str);
 };
 </script>
 
 <template>
-    <div class="against-popover">
-        <p class="against-popover-title">{{$t('feedback.reason_for_reporting')}}</p>
-        <ul class="against-list">
-            <el-radio-group v-model="radio" class="ml-4">
-                <div :class="[language === 'EN' ? 'radio-en' : 'radio']" v-for="(item, index) in list" :key="index">
-                    <el-radio-button class="radio_item" :label=item.label>{{ $t('Report.'+item.label) }}</el-radio-button>
-                </div>
-            </el-radio-group>
-        </ul>
-        <div class="error-input">
-            <textarea class="error-input__desc" v-model="descText" :placeholder="$t('feedback.enter_a_description_for_your_report')" />
-        </div>
-        <div class="against-button">
-            <el-button @click="emits('close');">{{$t('history.cancel')}}</el-button>
-            <el-button type='primary' :disabled="!radio" @click="handleComplaint">{{$t('history.ok')}}</el-button>
+  <div class="against-popover">
+    <p class="against-popover-title">{{ $t('feedback.reason_for_reporting') }}</p>
+    <ul class="against-list">
+      <el-radio-group v-model="radio" class="ml-4">
+        <div :class="[language === 'EN' ? 'radio-en' : 'radio']" v-for="(item, index) in list" :key="index">
+          <el-radio-button class="radio_item" :label="item.label">{{ $t('Report.' + item.label) }}</el-radio-button>
         </div>
+      </el-radio-group>
+    </ul>
+    <div class="error-input">
+      <textarea
+        class="error-input__desc"
+        v-model="descText"
+        :placeholder="$t('feedback.enter_a_description_for_your_report')"
+      />
+    </div>
+    <div class="against-button">
+      <el-button @click="emits('close')">{{ $t('history.cancel') }}</el-button>
+      <el-button type="primary" :disabled="!radio" @click="handleComplaint">{{ $t('history.ok') }}</el-button>
     </div>
+  </div>
 </template>
 
 <style lang="scss" scoped>
-
-
-:deep(.el-radio-button__inner){
+:deep(.el-radio-button__inner) {
   display: block;
   align-content: center;
   width: 87px;
@@ -81,158 +98,158 @@ const handleComplaint = () => {
 }
 
 :deep(.el-radio-button:first-child .el-radio-button__inner) {
-    border-left:0px;
-    border-radius: 2px;
-    font-weight: 100;
-
+  border-left: 0px;
+  border-radius: 2px;
+  font-weight: 100;
 }
 :deep(.el-radio-button__original-radio:hover) {
-    &+.el-radio-button__inner{
+  & + .el-radio-button__inner {
     // background-image: linear-gradient(to 127.72, #6D75FA, #5AB3FF);
-    background-color: #B8D9FF;
-    outline:1px solid #0077FF;
+    background-color: #b8d9ff;
+    outline: 1px solid #0077ff;
     border-radius: 4px;
-    color: #7AA5FF;
-    }
+    color: #7aa5ff;
+  }
 }
 
-.is-disabled{
-    color:white;
-    background-color: #B8D9FF;
-    border-color:#B8D9FF;
-    &:hover{
-        color:white;
-    background-color: #B8D9FF;
-    border-color:#B8D9FF;
-    }
+.is-disabled {
+  color: white;
+  background-color: #b8d9ff;
+  border-color: #b8d9ff;
+  &:hover {
+    color: white;
+    background-color: #b8d9ff;
+    border-color: #b8d9ff;
+  }
+}
+.radio {
+  align-items: center;
+  text-align: center;
+  margin-right: 8px;
+  width: 87px;
+  height: 32px;
+  border: 0px;
+  border-radius: 2px;
+  &_item {
+    margin: 0px;
+  }
+  &:nth-child(3n + 3) {
+    margin-left: 0px;
+  }
 }
-.radio{
+
+.radio-en {
+  align-items: center;
+  text-align: center;
+  margin-right: 8px;
+  margin-bottom: 8px;
+  width: 118px;
+  height: 48px;
+  border: 0px;
+  border-radius: 2px;
+  &_item {
+    margin: 0px;
+  }
+  &:nth-child(3n + 3) {
+    margin-left: 0px;
+  }
+}
+.against-popover {
+  padding: 12px;
+  &-title {
+    font-size: 16px;
+    padding-bottom: 16px;
+    font-weight: 500;
+    line-height: 24px;
+    color: #000;
+  }
+  .against-item {
+    display: flex;
     align-items: center;
-    text-align: center;
-    margin-right: 8px;
-    width: 87px;
-    height:32px;
-    border: 0px;
-    border-radius: 2px;
-    &_item{
-        margin: 0px;
+    input[type='checkbox']:checked {
+      border-color: #008cba;
     }
-    &:nth-child(3n+3){
-        margin-left: 0px;
+
+    .el-checkbox {
+      height: 16px;
+      font-size: 12px;
+      margin-bottom: 8px;
     }
-}
 
-.radio-en{
-    align-items: center;
-    text-align: center;
+    .against-label {
+      margin-bottom: 8px;
+    }
+  }
+
+  .error-input {
     margin-right: 8px;
-    margin-bottom: 8px;
-    width: 118px;
-    height: 48px;
-    border: 0px;
-    border-radius: 2px;
-    &_item{
-        margin: 0px;
+    &__link,
+    &__desc {
+      color: var(--o-text-color-tertiary);
+      border: none;
+      background-color: #f4f6fa;
+      border-radius: 4px;
+      padding: 5px 0px 5px 16px;
+      font-size: 12px;
+      width: 100%;
+      font-weight: 100;
+      &:focus {
+        outline: none;
+      }
+
+      &::placeholder {
+        color: #8d98aa;
+      }
     }
-    &:nth-child(3n+3){
-        margin-left: 0px;
+
+    input::placeholder {
+      color: #8d98aa;
+      font-size: 12px;
+      font-weight: 100;
     }
-}
-.against-popover {
-    padding: 12px;
-    &-title {
-        font-size: 16px;
-        padding-bottom: 16px;
-        font-weight: 500;
-        line-height: 24px;
-        color: #000;
+
+    textarea::placeholder {
+      color: #8d98aa;
+      font-size: 12px;
+      font-weight: 100;
     }
-    .against-item {
-        display: flex;
-        align-items: center;
-        input[type='checkbox']:checked {
-            border-color: #008cba;
-        }
-
-        .el-checkbox {
-            height: 16px;
-            font-size: 12px;
-            margin-bottom: 8px;
-        }
-
-        .against-label {
-            margin-bottom: 8px;
-        }
+
+    &__link {
+      height: 32px;
+      margin: 0px 0px 5px 0px;
     }
 
-    .error-input {
-        margin-right: 8px;
-        &__link,
-        &__desc {
-            color: var(--o-text-color-tertiary);
-            border: none;
-            background-color: #f4f6fa;
-            border-radius: 4px;
-            padding: 5px 0px 5px 16px;
-            font-size: 12px;
-            width: 100%;
-            font-weight: 100;
-            &:focus {
-                outline: none;
-            }
-
-            &::placeholder {
-                color: #8d98aa;
-            }
-        }
-
-        input::placeholder {
-            color: #8d98aa;
-            font-size: 12px;
-            font-weight: 100;
-        }
-
-        textarea::placeholder {
-            color: #8d98aa;
-            font-size: 12px;
-            font-weight: 100;
-        }
-
-        &__link {
-            height: 32px;
-            margin: 0px 0px 5px 0px;
-        }
-
-        &__desc {
-            height: 88px;
-        }
+    &__desc {
+      height: 88px;
+    }
+  }
+
+  .against-button {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    margin: 11px 0px 0px 0px;
+    justify-content: center;
+
+    button {
+      border-radius: 2px;
+      width: 64px;
+      height: 24px;
+      font-size: 12px;
+      align-items: center;
+      text-align: center;
     }
 
-    .against-button {
-        width: 100%;
-        height: 100%;
-        display: flex;
-        margin: 11px 0px 0px 0px;
-        justify-content: center;
-
-        button {
-            border-radius: 2px;
-            width: 64px;
-            height: 24px;
-            font-size: 12px;
-            align-items: center;
-            text-align: center;
-        }
-
-        button:first-child{
-            &:hover{
-                color:#3291fe;
-                border-color: #3291fe;
-                background-color: white;
-            }
-        }
-        button:last-child{
-            margin-left: 8px;
-        }
+    button:first-child {
+      &:hover {
+        color: #3291fe;
+        border-color: #3291fe;
+        background-color: white;
+      }
+    }
+    button:last-child {
+      margin-left: 8px;
     }
-}</style>
+  }
+}
+</style>
diff --git a/src/views/dialogue/constants.ts b/src/views/dialogue/constants.ts
index f0dd9142..9827ebe0 100644
--- a/src/views/dialogue/constants.ts
+++ b/src/views/dialogue/constants.ts
@@ -95,8 +95,7 @@ export const EG_LIST: EgItem[] = [
     iconDark: GENERAL_KNOWLEDGE_DARK,
     key: 'os_knowledge',
     title: 'OS领域通用知识',
-    insertMessage:
-      'os_knowledge_describe',
+    insertMessage: 'os_knowledge_describe',
   },
   {
     icon: EXPERTISE,
@@ -110,23 +109,20 @@ export const EG_LIST: EgItem[] = [
     iconDark: EXPANDED_KNOWLEDGE_DARK,
     key: 'beyond_openEuler',
     title: 'openEuler扩展知识',
-    insertMessage:
-      'beyond_openEuler_describe',
+    insertMessage: 'beyond_openEuler_describe',
   },
   {
     icon: APPLICATION_CASES,
     iconDark: APPLICATION_CASES_DARK,
     key: 'openEuler_use_cases',
     title: 'openEuler应用案例',
-    insertMessage:
-      'openEuler_use_cases_describe',
+    insertMessage: 'openEuler_use_cases_describe',
   },
   {
     icon: COMMAND_GENNERATION,
     iconDark: COMMAND_GENNERATION_DARK,
     key: 'command_generation',
     title: 'shell命令生成',
-    insertMessage:
-      'command_generation_describe',
+    insertMessage: 'command_generation_describe',
   },
 ];
diff --git a/src/views/dialogue/dialogueView.vue b/src/views/dialogue/dialogueView.vue
index 2cb49489..754b8e10 100644
--- a/src/views/dialogue/dialogueView.vue
+++ b/src/views/dialogue/dialogueView.vue
@@ -219,7 +219,9 @@ const handleSelect = (val: any) => {
           </template>
           <el-button class="exit-button" type="primary" @click="logoutHandler">{{ $t('Login.logout') }}</el-button>
           <el-button class="exit-button" @click="apikeyVisible = true">API KEY</el-button>
-          <el-button class="exit-button" @click="KnowledgeVisible = true">{{ i18n.global.t('witChainD.witChainD') }}</el-button>
+          <el-button class="exit-button" @click="KnowledgeVisible = true">{{
+            i18n.global.t('witChainD.witChainD')
+          }}</el-button>
         </el-popover>
       </div>
     </header>
diff --git a/src/views/styles/InterPreview.scss b/src/views/styles/InterPreview.scss
index a71af79b..a345a700 100644
--- a/src/views/styles/InterPreview.scss
+++ b/src/views/styles/InterPreview.scss
@@ -11,7 +11,7 @@
       width: 100%;
       display: flex;
       justify-content: center;
-      
+
       .preTopContent {
         display: flex;
         align-items: center;
@@ -20,17 +20,17 @@
         border-radius: 20px;
         gap: 8px;
         background: linear-gradient(122.39deg, rgba(109, 117, 250, 0.2) -20.158%, rgba(90, 179, 255, 0.2) 112.459%);
-        .preTitleIcon{
-            width: 32px;
-            height: 32px;
-          } 
-          .preMainAppName{
-            font-size: 16px;
-            line-height: 24px;
-            color: var(--o-text-color-primary);
-            font-weight: 700;
-          }
-    }
+        .preTitleIcon {
+          width: 32px;
+          height: 32px;
+        }
+        .preMainAppName {
+          font-size: 16px;
+          line-height: 24px;
+          color: var(--o-text-color-primary);
+          font-weight: 700;
+        }
+      }
     }
 
     .preMain {
@@ -88,41 +88,40 @@
             line-height: 24px;
           }
           .linkBadge {
-            .el-badge__content{
-                right: calc(-10px + var(--el-badge-size) / 2);
-                top: 4px;
+            .el-badge__content {
+              right: calc(-10px + var(--el-badge-size) / 2);
+              top: 4px;
             }
-           
           }
 
-          .connectBox{
+          .connectBox {
             display: flex;
             flex-wrap: wrap;
             gap: 8px;
-            .connectCard{
-                display: flex;
-                height: 32px;
-                align-items: center;
-                background: rgba(99,149,253,0.1);
-                padding:0  8px 0 4px;
-                border-radius: 20px;
-                gap: 6px;
-                .connectBoxIndex{
-                    width: 24px;
-                    height: 24px;
-                    border-radius: 50%;
-                    text-align: center;
-                    line-height: 24px;
-                    font-size: 14px;
-                    color: var(--o-text-color-primary);
-                  background: var(--o-bg-color-base);  
-                }
-                .connectBoxContent{
-                    color: #6395fd;
-                    font-size: 14px;
-                    cursor: pointer;
-                    font-weight: 400;
-                }
+            .connectCard {
+              display: flex;
+              height: 32px;
+              align-items: center;
+              background: rgba(99, 149, 253, 0.1);
+              padding: 0 8px 0 4px;
+              border-radius: 20px;
+              gap: 6px;
+              .connectBoxIndex {
+                width: 24px;
+                height: 24px;
+                border-radius: 50%;
+                text-align: center;
+                line-height: 24px;
+                font-size: 14px;
+                color: var(--o-text-color-primary);
+                background: var(--o-bg-color-base);
+              }
+              .connectBoxContent {
+                color: #6395fd;
+                font-size: 14px;
+                cursor: pointer;
+                font-weight: 400;
+              }
             }
           }
         }
diff --git a/src/views/tools/index.vue b/src/views/tools/index.vue
index 52637634..7aa484a9 100644
--- a/src/views/tools/index.vue
+++ b/src/views/tools/index.vue
@@ -1,24 +1,23 @@
 <template>
-    <div class="container">
-      <p>tools</p>
-    </div>
-  </template>
-  
-  <style scoped>
-  .container {
-    width: 100vw;
-    height: 100vh;
-    margin: 0;
-    padding: 0;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-  }
-  
-  img {
-    width: 100%;
-    max-width: 430px;
-  }
-  </style>
-  
\ No newline at end of file
+  <div class="container">
+    <p>tools</p>
+  </div>
+</template>
+
+<style scoped>
+.container {
+  width: 100vw;
+  height: 100vh;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+img {
+  width: 100%;
+  max-width: 430px;
+}
+</style>
-- 
Gitee


From eacb1489df77842600bfe4a367435d4aae32386f Mon Sep 17 00:00:00 2001
From: zttProjectSpace <zhangtantan@h-partners.com>
Date: Thu, 16 Jan 2025 17:28:51 +0800
Subject: [PATCH 4/6] =?UTF-8?q?=E5=8E=BB=E9=99=A4=E4=B8=AD=E6=96=87?=
 =?UTF-8?q?=E7=A9=BA=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/api/index.vue                                       | 2 +-
 src/views/app/index.vue                                       | 2 +-
 src/views/createapp/components/workFlowConfig/CustomNode.vue  | 2 +-
 .../createapp/components/workFlowConfig/workFlowDialog.vue    | 4 ++--
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/views/api/index.vue b/src/views/api/index.vue
index 2d642355..ff89c904 100644
--- a/src/views/api/index.vue
+++ b/src/views/api/index.vue
@@ -12,7 +12,7 @@
             </el-select>
           </template>
         </el-input>
-        <el-button type="primary" class="createApp" @click="openSidebar"> 上传 </el-button>
+        <el-button type="primary" class="createApp" @click="openSidebar">上传</el-button>
       </div>
       <div class="appCenterType">
         <div class="appCenterBtn appCenterBtnActive">全部接口</div>
diff --git a/src/views/app/index.vue b/src/views/app/index.vue
index f7e5505d..8bcd9eef 100644
--- a/src/views/app/index.vue
+++ b/src/views/app/index.vue
@@ -13,7 +13,7 @@
             </el-select>
           </template>
         </el-input>
-        <el-button type="primary" class="createApp" @click="handleCreateApp"> 创建应用 </el-button>
+        <el-button type="primary" class="createApp" @click="handleCreateApp">创建应用</el-button>
       </div>
       <div class="appCenterType">
         <div class="appCenterBtn appCenterBtnActive">我的应用</div>
diff --git a/src/views/createapp/components/workFlowConfig/CustomNode.vue b/src/views/createapp/components/workFlowConfig/CustomNode.vue
index e99eb66f..2c46dd67 100644
--- a/src/views/createapp/components/workFlowConfig/CustomNode.vue
+++ b/src/views/createapp/components/workFlowConfig/CustomNode.vue
@@ -59,7 +59,7 @@ const delNode = id => {
           <el-popover placement="right" trigger="hover" popper-class="nodeDealPopper">
             <template #reference>···</template>
             <el-button text class="dealItem" disabled>编辑</el-button>
-            <el-button text class="dealItem" @click="delNode(props.id)"> 删除 </el-button>
+            <el-button text class="dealItem" @click="delNode(props.id)">删除</el-button>
           </el-popover>
         </div>
       </div>
diff --git a/src/views/createapp/components/workFlowConfig/workFlowDialog.vue b/src/views/createapp/components/workFlowConfig/workFlowDialog.vue
index 04cd9a24..49ad6b42 100644
--- a/src/views/createapp/components/workFlowConfig/workFlowDialog.vue
+++ b/src/views/createapp/components/workFlowConfig/workFlowDialog.vue
@@ -17,8 +17,8 @@
     </el-form>
     <template #footer>
       <span class="dialog-footer">
-        <el-button class="o-dlg-btn" type="primary" size="small" @click="handleSubmit"> 确定 </el-button>
-        <el-button class="o-dlg-btn" size="small" @click="onCancel"> 取消 </el-button>
+        <el-button class="o-dlg-btn" type="primary" size="small" @click="handleSubmit">确定</el-button>
+        <el-button class="o-dlg-btn" size="small" @click="onCancel">取消</el-button>
       </span>
     </template>
   </el-dialog>
-- 
Gitee


From 20f225d12ab1bef8f9ea7cc4334809fc49c88706 Mon Sep 17 00:00:00 2001
From: zttProjectSpace <zhangtantan@h-partners.com>
Date: Thu, 16 Jan 2025 17:37:16 +0800
Subject: [PATCH 5/6] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=8B=86=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dialogue/components/InterPreview.vue      |  54 +------
 src/views/styles/InterPreview.scss            | 148 ------------------
 2 files changed, 1 insertion(+), 201 deletions(-)
 delete mode 100644 src/views/styles/InterPreview.scss

diff --git a/src/views/dialogue/components/InterPreview.vue b/src/views/dialogue/components/InterPreview.vue
index 80af1710..1bdaf5ed 100644
--- a/src/views/dialogue/components/InterPreview.vue
+++ b/src/views/dialogue/components/InterPreview.vue
@@ -1,58 +1,6 @@
 <template>
   <div class="interPreviewBox">
-    <div v-if="interPreviewInfo.appName.length" class="preTop">
-      <div class="preTopContent">
-        <img src="@/assets/images/preTitleIcon.png" class="preTitleIcon" />
-        <div class="preMainAppName">
-          {{ interPreviewInfo.appName }}
-        </div>
-      </div>
-    </div>
-    <div class="preMain">
-      <div class="preMainImg">
-        <img :src="interPreviewInfo.icon" class="preMainAvator" v-if="interPreviewInfo.icon.length" />
-      </div>
-      <div
-        class="preMainContent"
-        v-if="
-          interPreviewInfo.appName.length ||
-          interPreviewInfo.appIntroduction.length ||
-          interPreviewInfo.connectList.length
-        "
-      >
-        <div class="preMainContentTitle" v-if="interPreviewInfo.appName.length">
-          <div class="greetDes">
-            <div class="greetDesContent">你好，我是</div>
-            <div class="greetDesAppName greetDesContent">
-              {{ interPreviewInfo.appName }}
-            </div>
-            <div class="greetDesContent">，很高兴为你服务</div>
-          </div>
-          <div class="preAppUser">
-            <div>@zhang</div>
-            <div class="contentCollect"><IconUnfavorite /></div>
-          </div>
-        </div>
-        <div class="preMainContentDes" v-if="interPreviewInfo.appIntroduction.length">
-          {{ interPreviewInfo.appIntroduction }}
-        </div>
-        <div class="preMainContentLink" v-if="interPreviewInfo.connectList.length">
-          <el-badge :value="connnectLinkList.length" class="linkBadge">
-            <div class="contentLinkTitle">相关链接</div>
-          </el-badge>
-          <div class="connectBox">
-            <div v-for="(connect, index) in connnectLinkList">
-              <div v-if="connect.length" class="connectCard">
-                <div class="connectBoxIndex">{{ index + 1 }}</div>
-                <el-link class="connectBoxContent" type="primary" :href="connect">
-                  {{ connect }}
-                </el-link>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
+    
   </div>
 </template>
 <script setup lang="ts">
diff --git a/src/views/styles/InterPreview.scss b/src/views/styles/InterPreview.scss
deleted file mode 100644
index a345a700..00000000
--- a/src/views/styles/InterPreview.scss
+++ /dev/null
@@ -1,148 +0,0 @@
-.dialogue-interPreview-main {
-  width: 100%;
-  display: flex;
-  margin-top: 32px;
-  .interPreviewBox {
-    display: flex;
-    width: 100%;
-    gap: 32px;
-    flex-direction: column;
-    .preTop {
-      width: 100%;
-      display: flex;
-      justify-content: center;
-
-      .preTopContent {
-        display: flex;
-        align-items: center;
-        height: 40px;
-        padding: 8px;
-        border-radius: 20px;
-        gap: 8px;
-        background: linear-gradient(122.39deg, rgba(109, 117, 250, 0.2) -20.158%, rgba(90, 179, 255, 0.2) 112.459%);
-        .preTitleIcon {
-          width: 32px;
-          height: 32px;
-        }
-        .preMainAppName {
-          font-size: 16px;
-          line-height: 24px;
-          color: var(--o-text-color-primary);
-          font-weight: 700;
-        }
-      }
-    }
-
-    .preMain {
-      padding-left: 40px;
-      display: flex;
-      gap: 16px;
-
-      .preMainImg {
-        width: 46px;
-        height: 46px;
-        border-radius: 50%;
-        .preMainAvator {
-          width: 100%;
-          height: 100%;
-          border-radius: 50%;
-        }
-      }
-      .preMainContent {
-        width: calc(100% - 166px);
-        padding: 24px;
-        background-color: var(--o-bg-color-base);
-        .preMainContentTitle {
-          display: flex;
-          flex-direction: column;
-          gap: 8px;
-          border-bottom: 1px solid var(--o-time-text);
-          .greetDes {
-            display: flex;
-            .greetDesContent {
-              font-size: 24px;
-              font-weight: 700;
-              line-height: 32px;
-              color: var(--o-text-color-primary);
-            }
-            .greetDesAppName {
-              color: #6c77fa;
-            }
-          }
-          .preAppUser {
-            display: flex;
-            gap: 16px;
-            margin-bottom: 8px;
-          }
-        }
-        .preMainContentDes {
-          font-size: 16px;
-          line-height: 24px;
-          margin-top: 8px;
-          margin-bottom: 20px;
-        }
-        .preMainContentLink {
-          .contentLinkTitle {
-            color: var(--o-text-color-primary);
-            font-size: 16px;
-            line-height: 24px;
-          }
-          .linkBadge {
-            .el-badge__content {
-              right: calc(-10px + var(--el-badge-size) / 2);
-              top: 4px;
-            }
-          }
-
-          .connectBox {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 8px;
-            .connectCard {
-              display: flex;
-              height: 32px;
-              align-items: center;
-              background: rgba(99, 149, 253, 0.1);
-              padding: 0 8px 0 4px;
-              border-radius: 20px;
-              gap: 6px;
-              .connectBoxIndex {
-                width: 24px;
-                height: 24px;
-                border-radius: 50%;
-                text-align: center;
-                line-height: 24px;
-                font-size: 14px;
-                color: var(--o-text-color-primary);
-                background: var(--o-bg-color-base);
-              }
-              .connectBoxContent {
-                color: #6395fd;
-                font-size: 14px;
-                cursor: pointer;
-                font-weight: 400;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .contentCollect {
-    width: 24px;
-    height: 24px;
-    background-color: var(--o-bg-color-light);
-    border-radius: 8px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    svg {
-      width: 16px;
-      height: 16px;
-      path {
-        fill: var(--o-text-color-tertiary);
-      }
-    }
-  }
-}
-- 
Gitee


From b84a8615198415d94a9d576a58c0380766b7909d Mon Sep 17 00:00:00 2001
From: zttProjectSpace <zhangtantan@h-partners.com>
Date: Thu, 16 Jan 2025 17:39:05 +0800
Subject: [PATCH 6/6] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=8B=86=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dialogue/components/InterPreview.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/views/dialogue/components/InterPreview.vue b/src/views/dialogue/components/InterPreview.vue
index 1bdaf5ed..b918756e 100644
--- a/src/views/dialogue/components/InterPreview.vue
+++ b/src/views/dialogue/components/InterPreview.vue
@@ -4,7 +4,6 @@
   </div>
 </template>
 <script setup lang="ts">
-import '../../styles/InterPreview.scss';
 import { ref, watch } from 'vue';
 import { IconUnfavorite } from '@computing/opendesign-icons';
 
-- 
Gitee