聊天

src/components/czr-ui/CzrButton.vue

@@ -32,7 +32,7 @@
           :name="icon"
           color="#ffffff"
           :rotate="rotate"
-          :size="12"
+          :size="size"
         />
         {{ title }}
       </div>
@@ -44,7 +44,7 @@
           :name="icon"
           color="var(--czr-main-color)"
           :rotate="rotate"
-          :size="12"
+          :size="size"
         />
         {{ title }}
       </div>
@@ -86,7 +86,7 @@ const props = defineProps({
   color: #606266;
   line-height: 1;
   .svg-icon {
-    margin-right: 10px;
+    margin-right: 6px;
   }
   &.del {
     background: rgba(var(--czr-error-color-rgb), 0.1);

src/views/manage/app/make/index.vue

@@ -458,16 +458,35 @@
               <SvgIcon name="czr_tip" color="var(--czr-error-color)" />
               编排中有申请中的模型，预览暂不可用
             </div>
-            <el-tooltip
-              content="重新生成对话"
-              :raw-content="true"
-              placement="top"
-            >
+            <el-tooltip content="重新开始" :raw-content="true" placement="top">
               <SvgIcon class="__hover ml-auto" name="refresh" :active="true" />
             </el-tooltip>
           </div>
-          <div class="flex-1 overflow-hidden">
+          <div class="relative flex-1 overflow-hidden">
             <chat />
+            <div
+              v-if="!state.isDebug"
+              class="absolute inset-0 flex h-full w-full flex-col rounded-lg bg-white/50 p-20 backdrop-blur-sm"
+            >
+              <div class="text-2xl font-bold text-[#1d2939]">编排已改变</div>
+              <div class="mt-6 text-[#667085]">
+                修改编排将重置调试区域，确定吗？
+              </div>
+              <div class="mt-6 flex gap-2">
+                <CzrButton
+                  type="primary"
+                  title="重新开始"
+                  icon="refresh"
+                  size="18"
+                  @click="state.isDebug = true"
+                />
+                <CzrButton
+                  type="normal"
+                  title="取消"
+                  @click="state.isDebug = true"
+                />
+              </div>
+            </div>
           </div>
         </div>
       </div>
@@ -551,6 +570,7 @@ const state: any = reactive({
     value: '',
   },
   dragRefresh: true,
+  isDebug: false,
 })
 const ref_form = ref()
 const ref_prologue = ref()
@@ -719,6 +739,7 @@ const autoSave = debounce((v) => {
   setTimeout(() => {
     loading.close()
     state.autoSaveTimestamp = YMDHms(new Date())
+    state.isDebug = false
   }, 1000)
 }, 3000)
 onMounted(() => {